#002D62
#1D919C
#B2D7D0
#E5E5E5
#F2F2F2
Color Palette
Dive
by Colorffy Team
About
Blue
Cyan
White
marketing
misc
water
Main Actions
#002D62
#1D919C
#B2D7D0
#E5E5E5
#F2F2F2
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 |
|---|---|---|---|---|---|---|---|
| | #002d62 | rgb(0% 17.6% 38.4%) | hwb(210 0% 62%) | oklab(30.5% -0.025 -0.102) | oklch(30.5% 0.105 256) | color(display-p3 0.058 0.173 0.37) | |
| | #1d919c | rgb(11.4% 56.9% 61.2%) | hwb(190 11% 39%) | oklab(60.2% -0.088 -0.041) | oklch(60.2% 0.097 205) | color(display-p3 0.273 0.56 0.604) | |
| | #b2d7d0 | rgb(69.8% 84.3% 81.6%) | hwb(170 70% 16%) | oklab(85% -0.04 -0.002) | oklch(85% 0.04 183) | color(display-p3 0.727 0.839 0.816) | |
| | #e5e5e5 | rgb(89.8% 89.8% 89.8%) | hwb(none 90% 10%) | oklab(92.2% 0 0) | oklch(92.2% 0 none) | color(display-p3 0.898 0.898 0.898) | |
| | #f2f2f2 | rgb(94.9% 94.9% 94.9%) | hwb(none 95% 5.1%) | oklab(96.1% 0 0) | oklch(96.1% 0 none) | color(display-p3 0.949 0.949 0.949) |
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
#002D62
AAA - 13.53
Lc -103
#1D919C
Fail - 3.76
Lc -70
#B2D7D0
Fail - 1.55
Lc -29
#E5E5E5
Fail - 1.25
Lc -15
#F2F2F2
Fail - 1.11
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