#94003e
#cc417b
#ffa1d6
#ff69cd
#b30092
Valentine’s Day
#94003e
#cc417b
#ffa1d6
#ff69cd
#b30092
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Red
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #94003e | rgb(148, 0, 62) | hsl(330 100% 29%) | hwb(330 0% 42%) | lch(31.5 56.3 10.2) | lab(31.5 55.4 9.94) | cmyk 0%, 100%, 58%, 42% | |
| #cc417b | rgb(204, 65, 123) | hsl(330 58% 53%) | hwb(330 25% 20%) | lch(50 58.7 359) | lab(50 58.7 -0.733) | cmyk 0%, 68%, 40%, 20% | |
| #ffa1d6 | rgb(255, 161, 214) | hsl(330 100% 82%) | hwb(330 63% 0%) | lch(77.2 42.6 344) | lab(77.2 41 -11.7) | cmyk 0%, 37%, 16%, 0% | |
| #ff69cd | rgb(255, 105, 205) | hsl(320 100% 71%) | hwb(320 41% 0%) | lch(66.6 69.4 341) | lab(66.6 65.6 -22.7) | cmyk 0%, 59%, 20%, 0% | |
| #b30092 | rgb(179, 0, 146) | hsl(310 100% 35%) | hwb(310 0% 30%) | lch(40.9 74.4 337) | lab(40.9 68.5 -29) | cmyk 0%, 100%, 18%, 30% |
Click a color format to copy 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