#afadf5
#ffe6c9
#f5d3ad
#e0fcc7
Fresh
#afadf5
#ffe6c9
#f5d3ad
#e0fcc7
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Green
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #afadf5 | rgb(175, 173, 245) | hsl(240 78% 82%) | oklab(78% 0.03 -0.1) | oklch(78% 0.1 290) | color(display-p3 0.68 0.68 0.94) | |
| #ffe6c9 | rgb(255, 230, 201) | hsl(32 100% 89%) | oklab(94% 0.02 0.04) | oklch(94% 0.05 71) | color(display-p3 0.98 0.91 0.8) | |
| #f5d3ad | rgb(245, 211, 173) | hsl(32 78% 82%) | oklab(89% 0.02 0.06) | oklch(89% 0.06 70) | color(display-p3 0.94 0.83 0.7) | |
| #e0fcc7 | rgb(224, 252, 199) | hsl(92 90% 88%) | oklab(96% -0.05 0.06) | oklch(96% 0.08 130) | color(display-p3 0.9 0.98 0.8) |
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.
#afadf5
AA - 2.07
#ffe6c9
AA - 1.2
#f5d3ad
AA - 1.41
#e0fcc7
AA - 1.11
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 gradient in different UI components.
PWA prompt