#003087
#0077CC
#64B5F6
#B2EBF2
#E1F5FE
Color Palette
Portable
An ombre of ocean blues.
by Colorffy Team
About
Blue
Cyan
videogames
retro
Main Actions
#003087
#0077CC
#64B5F6
#B2EBF2
#E1F5FE
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #003087 | rgb(0% 18.8% 52.9%) | hwb(220 0% 47%) | oklab(34.7% -0.023 -0.151) | oklch(34.7% 0.153 261) | color(display-p3 0.063 0.185 0.509) | |
| | #07c | rgb(0% 46.7% 80%) | hwb(210 0% 20%) | oklab(56% -0.054 -0.148) | oklch(56% 0.158 250) | color(display-p3 0.199 0.459 0.776) | |
| | #64b5f6 | rgb(39.2% 71% 96.5%) | hwb(210 39% 3.5%) | oklab(74.8% -0.053 -0.112) | oklch(74.8% 0.123 245) | color(display-p3 0.469 0.702 0.943) | |
| | #b2ebf2 | rgb(69.8% 92.2% 94.9%) | hwb(190 70% 5.1%) | oklab(90.3% -0.053 -0.025) | oklch(90.3% 0.059 206) | color(display-p3 0.744 0.915 0.943) | |
| | #e1f5fe | rgb(88.2% 96.1% 99.6%) | hwb(200 88% 0.39%) | oklab(95.8% -0.017 -0.018) | oklch(95.8% 0.024 226) | color(display-p3 0.897 0.958 0.992) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#003087
AAA - 11.84
Lc -100
#0077CC
AA - 4.65
Lc -77
#64B5F6
Fail - 2.21
Lc -48
#B2EBF2
Fail - 1.3
Lc -17
#E1F5FE
Fail - 1.12
Lc 0
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with Protanopia
Colors preview as palette with Protanopia
UI components preview
Preview the palette in different UI components.
PWA Prompt