#ff3864
#fcbad3
#400329
Sweet
#ff3864
#fcbad3
#400329
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Red
ī½Pink
ī½Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #ff3864 | rgb(255, 56, 100) | hsl(350 100% 61%) | oklab(66% 0.22 0.06) | oklch(66% 0.23 15) | color(display-p3 0.92 0.3 0.4) | |
ī½ | #fcbad3 | rgb(252, 186, 211) | hsl(340 92% 86%) | oklab(86% 0.08 -0.01) | oklch(86% 0.08 350) | color(display-p3 0.95 0.74 0.82) | |
ī½ | #400329 | rgb(64, 3, 41) | hsl(320 91% 13%) | oklab(25% 0.1 -0.02) | oklch(25% 0.1 350) | color(display-p3 0.23 0.03 0.16) |
ī 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.
#ff3864
AA - 3.49
ī
#fcbad3
AA - 1.6
ī
#400329
AAA - 16.62
ī
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