#ffc4c4
#fc7272
#5c0000
#330101
Holiday
#ffc4c4
#fc7272
#5c0000
#330101
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Red
ī½Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #ffc4c4 | rgb(255, 196, 196) | hsl(0 100% 88%) | oklab(87% 0.06 0.02) | oklch(87% 0.07 19) | color(display-p3 0.96 0.78 0.77) | |
ī½ | #fc7272 | rgb(252, 114, 114) | hsl(0 96% 72%) | oklab(72% 0.16 0.06) | oklch(72% 0.17 22) | color(display-p3 0.92 0.48 0.46) | |
ī½ | #5c0000 | rgb(92, 0, 0) | hsl(0 100% 18%) | oklab(30% 0.11 0.06) | oklch(30% 0.12 29) | color(display-p3 0.33 0.05 0.02) | |
ī½ | #330101 | rgb(51, 1, 1) | hsl(0 96% 10%) | oklab(20% 0.07 0.04) | oklch(20% 0.08 29) | color(display-p3 0.18 0.02 0.01) |
ī 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.
#ffc4c4
AA - 1.5
ī
#fc7272
AA - 2.69
ī
#5c0000
AAA - 14.43
ī
#330101
AAA - 18.33
ī
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