Coloried

Cerise

Cerise color is a bright shade of pink. Its hex code is #DE3163 and rgb code is rgb(222, 49, 99), Its CMYK value is cmyk(0%, 78%, 55%, 13%), and Its HSL value is hsl(343, 72%, 53%). Against white, it has contrast ratio of 4.44:1, while against black, the contrast ratio is 4.73:1. Its complementary color is #31DDAD and closest tailwind color is pink-600. This color goes well with #652310, #651053, #23060E, #189132, and #187691. To get this Cerise color, you can mix #FF0000 and #BD62C6.

Cerise color code
|
1. Color Conversions
HEX#DE3163
RGB222, 49, 99
HSL343°, 72%, 53%
HSV343°, 72%, 87%
CMYK0%, 78%, 55%, 13%
Web Safe#CC3366
2. Contrast Ratio
Text on #FFFFFF4.44:1
AAA LargeFail Normal
Text on #0000004.73:1
AAA LargeAAA Normal
3. Cerise Color Code in CSS
HEX
#DE3163
RGB
rgb(222, 49, 99)
HSL
hsl(343, 72%, 53%)
Text Color
color: #DE3163;
Background
background-color: #DE3163;
Border Color
border-color: #DE3163;
Box Shadow
box-shadow: 0 4px 14px 0 #DE316380;
SCSS
$color-cerise: #DE3163;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#939257
Deuteranopia#9DAA54
Tritanopia#D54D4B
Achromatopsia#6A6A6A
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive