#EF476F
#FFD166
#06D6A0
#118AB2
#073B4C
Color Palette
Vivid
by Colorffy Team
About
Red
Yellow
Green
Blue
happy
Main Actions
#EF476F
#FFD166
#06D6A0
#118AB2
#073B4C
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 |
|---|---|---|---|---|---|---|---|
| | #ef476f | rgb(93.7% 27.8% 43.5%) | hwb(350 28% 6.3%) | oklab(64.8% 0.2 0.039) | oklch(64.8% 0.204 11.1) | color(display-p3 0.866 0.331 0.442) | |
| | #ffd166 | rgb(100% 82% 40%) | hwb(42 40% 0%) | oklab(88% 0.009 0.134) | oklch(88% 0.135 86.1) | color(display-p3 0.971 0.826 0.466) | |
| | #06d6a0 | rgb(2.35% 83.9% 62.7%) | hwb(160 2.4% 16%) | oklab(77.7% -0.155 0.037) | oklch(77.7% 0.16 167) | color(display-p3 0.382 0.827 0.641) | |
| | #118ab2 | rgb(6.67% 54.1% 69.8%) | hwb(190 6.7% 30%) | oklab(59.2% -0.075 -0.083) | oklch(59.2% 0.112 228) | color(display-p3 0.247 0.533 0.683) | |
| | #073b4c | rgb(2.75% 23.1% 29.8%) | hwb(190 2.7% 70%) | oklab(32.9% -0.041 -0.042) | oklch(32.9% 0.059 226) | color(display-p3 0.097 0.228 0.291) |
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
#EF476F
Fail - 3.62
Lc -68
#FFD166
Fail - 1.44
Lc -24
#06D6A0
Fail - 1.88
Lc -39
#118AB2
Fail - 3.96
Lc -72
#073B4C
AAA - 12.07
Lc -101
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