#f8ed82
#fcf7ca
#fffefa
#cacefc
#828cf7
Lilia
#f8ed82
#fcf7ca
#fffefa
#cacefc
#828cf7
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #f8ed82 | rgb(248, 237, 130) | hsl(54 89% 74%) | oklab(93% -0.03 0.13) | oklch(93% 0.13 100) | color(display-p3 0.97 0.93 0.57) | |
| #fcf7ca | rgb(252, 247, 202) | hsl(54 89% 89%) | oklab(97% -0.01 0.06) | oklch(97% 0.06 100) | color(display-p3 0.98 0.97 0.81) | |
| #fffefa | rgb(255, 254, 250) | hsl(48 100% 99%) | oklab(100% 0 0.01) | oklch(100% 0.01 95) | color(display-p3 1 1 0.98) | |
| #cacefc | rgb(202, 206, 252) | hsl(240 89% 89%) | oklab(86% 0.01 -0.06) | oklch(86% 0.06 280) | color(display-p3 0.79 0.81 0.97) | |
| #828cf7 | rgb(130, 140, 247) | hsl(230 88% 74%) | oklab(68% 0.02 -0.16) | oklch(68% 0.16 280) | color(display-p3 0.52 0.55 0.94) |
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.
#f8ed82
AA - 1.2
#fcf7ca
AA - 1.08
#fffefa
AA - 1
#cacefc
AA - 1.52
#828cf7
AA - 2.98
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