#94003e
#cc417b
#ffa1d6
#ff69cd
#b30092
Valentine’s Day
#94003e
#cc417b
#ffa1d6
#ff69cd
#b30092
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Pink
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #94003e | rgb(148, 0, 62) | hsl(330 100% 29%) | oklab(43% 0.17 0.02) | oklch(43% 0.17 7.4) | color(display-p3 0.53 0.1 0.25) | |
| | #cc417b | rgb(204, 65, 123) | hsl(330 58% 53%) | oklab(59% 0.18 0) | oklch(59% 0.18 360) | color(display-p3 0.74 0.3 0.48) | |
| | #ffa1d6 | rgb(255, 161, 214) | hsl(330 100% 82%) | oklab(82% 0.12 -0.03) | oklch(82% 0.13 350) | color(display-p3 0.95 0.65 0.83) | |
| | #ff69cd | rgb(255, 105, 205) | hsl(320 100% 71%) | oklab(74% 0.2 -0.06) | oklch(74% 0.21 340) | color(display-p3 0.93 0.45 0.79) | |
| | #b30092 | rgb(179, 0, 146) | hsl(310 100% 35%) | oklab(52% 0.21 -0.08) | oklch(52% 0.23 340) | color(display-p3 0.64 0.13 0.56) |
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.
#94003e
AAA - 9.01
#cc417b
AA - 4.55
#ffa1d6
AA - 1.85
#ff69cd
AA - 2.57
#b30092
AA - 6.3
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