#ff4d4d
#ffcccb
#faedf7
#540b0e
Passionate
#ff4d4d
#ffcccb
#faedf7
#540b0e
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Red
ī½White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #ff4d4d | rgb(255, 77, 77) | hsl(0 100% 65%) | oklab(67% 0.19 0.09) | oklch(67% 0.21 25) | color(display-p3 0.92 0.36 0.33) | |
ī½ | #ffcccb | rgb(255, 204, 203) | hsl(1.2 100% 90%) | oklab(89% 0.05 0.02) | oklch(89% 0.06 20) | color(display-p3 0.97 0.81 0.8) | |
ī½ | #faedf7 | rgb(250, 237, 247) | hsl(310 57% 95%) | oklab(96% 0.02 -0.01) | oklch(96% 0.02 330) | color(display-p3 0.97 0.93 0.97) | |
ī½ | #540b0e | rgb(84, 11, 14) | hsl(360 77% 19%) | oklab(29% 0.09 0.04) | oklch(29% 0.1 25) | color(display-p3 0.3 0.07 0.07) |
ī 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.
#ff4d4d
AA - 3.27
ī
#ffcccb
AA - 1.42
ī
#faedf7
AA - 1.13
ī
#540b0e
AAA - 14.67
ī
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