#f78e9a
#fcd5da
#f8fade
#d5e9fc
#8ec4f7
Complement
#f78e9a
#fcd5da
#f8fade
#d5e9fc
#8ec4f7
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Blue
ī½Red
ī½Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #f78e9a | rgb(247, 142, 154) | hsl(350 87% 76%) | oklab(76% 0.12 0.03) | oklch(76% 0.13 13) | color(display-p3 0.91 0.58 0.61) | |
ī½ | #fcd5da | rgb(252, 213, 218) | hsl(350 87% 91%) | oklab(91% 0.04 0.01) | oklch(91% 0.04 9.3) | color(display-p3 0.96 0.84 0.86) | |
ī½ | #f8fade | rgb(248, 250, 222) | hsl(64 74% 93%) | oklab(98% -0.01 0.03) | oklch(98% 0.04 110) | color(display-p3 0.97 0.98 0.88) | |
ī½ | #d5e9fc | rgb(213, 233, 252) | hsl(210 87% 91%) | oklab(93% -0.01 -0.03) | oklch(93% 0.03 250) | color(display-p3 0.85 0.91 0.98) | |
ī½ | #8ec4f7 | rgb(142, 196, 247) | hsl(210 87% 76%) | oklab(80% -0.04 -0.09) | oklch(80% 0.09 250) | color(display-p3 0.6 0.76 0.95) |
ī 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.
#f78e9a
AA - 2.26
ī
#fcd5da
AA - 1.34
ī
#f8fade
AA - 1.06
ī
#d5e9fc
AA - 1.24
ī
#8ec4f7
AA - 1.84
ī
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