#d534b7
#e273ce
#f8ddf3
Berry
#d534b7
#e273ce
#f8ddf3
Main Actions
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
food
fruits
fashion
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #d534b7 | rgb(83.5% 20.4% 71.8%) | hwb(310 20% 16%) | oklab(61.6% 0.216 -0.092) | oklch(61.6% 0.235 337) | color(display-p3 0.769 0.261 0.698) | |
| | #e273ce | rgb(88.6% 45.1% 80.8%) | hwb(310 45% 11%) | oklab(71.3% 0.158 -0.075) | oklch(71.3% 0.175 334) | color(display-p3 0.83 0.474 0.79) | |
| | #f8ddf3 | rgb(97.3% 86.7% 95.3%) | hwb(310 87% 2.7%) | oklab(92.6% 0.037 -0.019) | oklch(92.6% 0.041 332) | color(display-p3 0.955 0.87 0.947) |
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.
#d534b7
Fail - 4.19
#e273ce
Fail - 2.77
#f8ddf3
Fail - 1.26
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