#15869c
#bff29f
#e1bcc3
Candy
#15869c
#bff29f
#e1bcc3
Main Actions
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Green
Pink
food
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #15869c | rgb(8.24% 52.5% 61.2%) | hwb(190 8.2% 39%) | oklab(57.2% -0.079 -0.056) | oklch(57.2% 0.097 215) | color(display-p3 0.244 0.518 0.601) | |
| | #bff29f | rgb(74.9% 94.9% 62.4%) | hwb(97 62% 5.1%) | oklab(90.6% -0.084 0.087) | oklch(90.6% 0.121 134) | color(display-p3 0.789 0.943 0.657) | |
| | #e1bcc3 | rgb(88.2% 73.7% 76.5%) | hwb(350 74% 12%) | oklab(82.9% 0.043 0.004) | oklch(82.9% 0.043 5.28) | color(display-p3 0.859 0.743 0.765) |
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.
#15869c
Fail - 4.26
#bff29f
Fail - 1.27
#e1bcc3
Fail - 1.72
Contrast Level Explanations
Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.
AAA
Perfect ≥ 7:1
Easy to read for everyone, including people with visual impairments.
AA
Good ≥ 4.5:1
Meets standard requirements for most users and situations.
Fail
Poor < 4.5:1
Text may be difficult to read, especially for people with visual challenges.
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