Puce

#E491A6
RGB
228, 145, 166
HSL
345°, 61%, 73%
CMYK
0, 36, 27, 11
HSV
345°, 36%, 89%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E491A6 color: #E491A6;
RGB 228, 145, 166 color: rgb(228, 145, 166);
RGB Percentage 89%, 57%, 65% color: rgb(89%, 57%, 65%);
CMYK 0%, 36%, 27%, 11% Not supported in CSS
HSL 345°, 61%, 73% color: hsl(345, 61%, 73%);
HSV 345°, 36%, 89% Not supported in CSS
CIE-LAB 58, 17, -7 color: lab(58% 17 -7);
Decimal 14979494 Not supported in CSS

Color Variations

Shades

#E490A5
#DD728D
#D65475
#CE365C
#B42C4E
#962441
#781D34
#5A1627

Tints

#F7DEE4
#F4D3DB
#F2C8D2
#EFBCC9
#ECB1C0
#EAA6B7
#E79BAE
#E490A5

Tones

#E490A5
#E094A7
#DC99A9
#D89DAB
#D3A1AE
#CFA5B0
#CBA9B2
#C7AEB4

Hues

#E490A5
#E4BA90
#CFE490
#90E490
#90E4CF
#90BAE4
#A590E4
#E490E4

Color Harmonies

Analogous

#E490CF
Click to copy
Light Purple
91%
#E491A6
Click to copy
Puce
100%
#E4A590
Click to copy
Light Red
93%

Complementary

#E491A6
Click to copy
Puce
100%
#90E4CF
Click to copy
Light Cyan
72%

Split Complementary

#E491A6
Click to copy
Puce
100%
#90E4A5
Click to copy
Light Green
73%
#90CFE4
Click to copy
Light Cyan
72%

Triadic

#E491A6
Click to copy
Puce
100%
#A5E490
Click to copy
Light Green
76%
#90A5E4
Click to copy
Light Blue
76%

Tetradic

#E491A6
Click to copy
Puce
100%
#CFE490
Click to copy
Light Yellow
80%
#90E4CF
Click to copy
Light Cyan
72%
#A590E4
Click to copy
Light Blue
80%

Square

#E491A6
Click to copy
Puce
100%
#CFE490
Click to copy
Light Yellow
80%
#90E4CF
Click to copy
Light Cyan
72%
#A590E4
Click to copy
Light Blue
80%

CSS & Dev Snippets

CSS
.puce {
  color: #E491A6;
}
SCSS
$puce: #E491A6;
RGB
rgb(228, 145, 166)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags