#02a363
#33e89a
#c7f8ff
#91dcff
#0490bf
Color Palette
Reef
by Colorffy Team
About
Green
Blue
Cyan
Main Actions
#02a363
#33e89a
#c7f8ff
#91dcff
#0490bf
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 |
|---|---|---|---|---|---|---|---|
| | #02a363 | rgb(0.784% 63.9% 38.8%) | hwb(160 0.78% 36%) | oklab(63% -0.138 0.058) | oklch(63% 0.15 157) | color(display-p3 0.284 0.63 0.41) | |
| | #33e89a | rgb(20% 91% 60.4%) | hwb(150 20% 9%) | oklab(82.6% -0.167 0.065) | oklch(82.6% 0.179 159) | color(display-p3 0.45 0.897 0.629) | |
| | #c7f8ff | rgb(78% 97.3% 100%) | hwb(190 78% 0%) | oklab(94.7% -0.045 -0.023) | oklch(94.7% 0.051 207) | color(display-p3 0.819 0.967 0.995) | |
| | #91dcff | rgb(56.9% 86.3% 100%) | hwb(200 57% 0%) | oklab(85.8% -0.058 -0.067) | oklch(85.8% 0.089 229) | color(display-p3 0.634 0.855 0.985) | |
| | #0490bf | rgb(1.57% 56.5% 74.9%) | hwb(200 1.6% 25%) | oklab(61.2% -0.078 -0.094) | oklch(61.2% 0.122 231) | color(display-p3 0.249 0.556 0.732) |
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
#02a363
Fail - 3.27
Lc -65
#33e89a
Fail - 1.59
Lc -30
#c7f8ff
Fail - 1.14
Lc -8
#91dcff
Fail - 1.51
Lc -27
#0490bf
Fail - 3.65
Lc -69
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