#293462
#22577A
#38A3A5
#80ED99
#57CC99
Color Palette
Cenotes
by Colorffy Team
About
Blue
Green
water
education
Main Actions
#293462
#22577A
#38A3A5
#80ED99
#57CC99
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 |
|---|---|---|---|---|---|---|---|
| | #293462 | rgb(16.1% 20.4% 38.4%) | hwb(230 16% 62%) | oklab(34% 0.002 -0.082) | oklch(34% 0.082 271) | color(display-p3 0.169 0.203 0.372) | |
| | #22577a | rgb(13.3% 34.1% 47.8%) | hwb(200 13% 52%) | oklab(43.8% -0.039 -0.07) | oklch(43.8% 0.08 241) | color(display-p3 0.19 0.337 0.467) | |
| | #38a3a5 | rgb(22% 63.9% 64.7%) | hwb(180 22% 35%) | oklab(65.7% -0.091 -0.028) | oklch(65.7% 0.095 197) | color(display-p3 0.345 0.631 0.642) | |
| | #80ed99 | rgb(50.2% 92.9% 60%) | hwb(130 50% 7.1%) | oklab(86% -0.133 0.078) | oklch(86% 0.154 150) | color(display-p3 0.608 0.919 0.63) | |
| | #57cc99 | rgb(34.1% 80% 60%) | hwb(150 34% 20%) | oklab(76.4% -0.124 0.04) | oklch(76.4% 0.13 162) | color(display-p3 0.468 0.79 0.614) |
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
#293462
AAA - 11.91
Lc -101
#22577A
AAA - 7.74
Lc -91
#38A3A5
Fail - 3.02
Lc -62
#80ED99
Fail - 1.44
Lc -24
#57CC99
Fail - 1.99
Lc -43
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