#54081e
#941036
#cf4069
#e87696
#f5c4d4
#ffffff
Cupid
#54081e
#941036
#cf4069
#e87696
#f5c4d4
#ffffff
Actions
Explore the palette in different formats, and actions.
Colors overview
îœRed
îœPink
îœWhite
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
îœ | #54081e | rgb(84, 8, 30) | hsl(340 83% 18%) | oklab(29% 0.1 0.02) | oklch(29% 0.11 11) | color(display-p3 0.3 0.06 0.12) | |
îœ | #941036 | rgb(148, 16, 54) | hsl(340 80% 32%) | oklab(43% 0.16 0.04) | oklch(43% 0.16 13) | color(display-p3 0.53 0.13 0.22) | |
îœ | #cf4069 | rgb(207, 64, 105) | hsl(340 60% 53%) | oklab(59% 0.18 0.02) | oklch(59% 0.18 7.4) | color(display-p3 0.75 0.29 0.41) | |
îœ | #e87696 | rgb(232, 118, 150) | hsl(340 71% 69%) | oklab(70% 0.14 0.01) | oklch(70% 0.14 3.7) | color(display-p3 0.85 0.49 0.59) | |
îœ | #f5c4d4 | rgb(245, 196, 212) | hsl(340 71% 86%) | oklab(87% 0.06 0) | oklch(87% 0.06 360) | color(display-p3 0.93 0.78 0.83) | |
îœ | #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
î 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.
#54081e
AAA - 14.68
î
#941036
AAA - 8.79
î
#cf4069
AA - 4.57
î
#e87696
AA - 2.81
î
#f5c4d4
AA - 1.52
î
#ffffff
AA - 1
î
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