#F26379
#F8E71C
#FFFFFF
#B3E3AD
Easter
#F26379
#F8E71C
#FFFFFF
#B3E3AD
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Yellow
White
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #f26379 | rgb(242, 99, 121) | hsl(350 85% 67%) | oklab(69% 0.17 0.04) | oklch(69% 0.18 14) | color(display-p3 0.88 0.42 0.48) | |
| #f8e71c | rgb(248, 231, 28) | hsl(55 94% 54%) | oklab(91% -0.05 0.18) | oklch(91% 0.19 100) | color(display-p3 0.96 0.91 0.32) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #b3e3ad | rgb(179, 227, 173) | hsl(110 49% 78%) | oklab(87% -0.07 0.05) | oklch(87% 0.09 140) | color(display-p3 0.74 0.88 0.7) |
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.
#F26379
AA - 3.07
#F8E71C
AA - 1.27
#FFFFFF
AA - 1
#B3E3AD
AA - 1.44
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