#FAE0D6
#FFD700
#FF8C00
#D291BC
#800080
Easter
#FAE0D6
#FFD700
#FF8C00
#D291BC
#800080
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Purple
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #fae0d6 | rgb(250, 224, 214) | hsl(17 78% 91%) | oklab(93% 0.02 0.02) | oklch(93% 0.03 42) | color(display-p3 0.96 0.88 0.84) | |
| #ffd700 | rgb(255, 215, 0) | hsl(51 100% 50%) | oklab(89% -0.02 0.18) | oklch(89% 0.18 95) | color(display-p3 0.97 0.85 0.29) | |
| #ff8c00 | rgb(255, 140, 0) | hsl(33 100% 50%) | oklab(75% 0.09 0.15) | oklch(75% 0.18 58) | color(display-p3 0.94 0.57 0.21) | |
| #d291bc | rgb(210, 145, 188) | hsl(320 42% 70%) | oklab(73% 0.09 -0.03) | oklch(73% 0.1 340) | color(display-p3 0.79 0.58 0.73) | |
| #800080 | rgb(128, 0, 128) | hsl(300 100% 25%) | oklab(42% 0.16 -0.1) | oklch(42% 0.19 330) | color(display-p3 0.46 0.08 0.48) |
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.
#FAE0D6
AA - 1.25
#FFD700
AA - 1.4
#FF8C00
AA - 2.33
#D291BC
AA - 2.46
#800080
AAA - 9.41
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