Blush

#DE5D83
RGB
222, 93, 131
HSL
342°, 66%, 62%
CMYK
0, 58, 41, 13
HSV
342°, 58%, 87%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DE5D83 color: #DE5D83;
RGB 222, 93, 131 color: rgb(222, 93, 131);
RGB Percentage 87%, 36%, 51% color: rgb(87%, 36%, 51%);
CMYK 0%, 58%, 41%, 13% Not supported in CSS
HSL 342°, 66%, 62% color: hsl(342, 66%, 62%);
HSV 342°, 58%, 87% Not supported in CSS
CIE-LAB 50, 26, -13 color: lab(50% 26 -13);
Decimal 14572931 Not supported in CSS

Color Variations

Shades

#DE5E85
#D94471
#D22B5D
#B82651
#9D2046
#831B3A
#69162F
#4F1023

Tints

#F5CFDA
#F2BFCE
#EFAFC2
#EB9EB6
#E88EA9
#E57E9D
#E16E91
#DE5E85

Tones

#DE5E85
#D86587
#D16B8A
#CB718C
#C4788F
#BE7E91
#B88594
#B18B96

Hues

#DE5E85
#DE985E
#C4DE5E
#65DE5E
#5EDEB8
#5EA4DE
#785EDE
#D85EDE

Color Harmonies

Analogous

#DE5EC4
Click to copy
Light Purple
85%
#DE5D83
Click to copy
Blush
100%
#DE785E
Click to copy
Light Red
90%

Complementary

#DE5D83
Click to copy
Blush
100%
#5EDEB8
Click to copy
Light Cyan
57%

Split Complementary

#DE5D83
Click to copy
Blush
100%
#5EDE78
Click to copy
Light Green
59%
#5EC4DE
Click to copy
Light Cyan
57%

Triadic

#DE5D83
Click to copy
Blush
100%
#85DE5E
Click to copy
Light Green
63%
#5E85DE
Click to copy
Light Blue
63%

Tetradic

#DE5D83
Click to copy
Blush
100%
#C4DE5E
Click to copy
Light Yellow
69%
#5EDEB8
Click to copy
Light Cyan
57%
#785EDE
Click to copy
Light Blue
69%

Square

#DE5D83
Click to copy
Blush
100%
#C4DE5E
Click to copy
Light Yellow
69%
#5EDEB8
Click to copy
Light Cyan
57%
#785EDE
Click to copy
Light Blue
69%

CSS & Dev Snippets

CSS
.blush {
  color: #DE5D83;
}
SCSS
$blush: #DE5D83;
RGB
rgb(222, 93, 131)

Accessibility & Contrast

White background

3.50:1
3.50
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.00:1
6.00
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags