Aubergine

#372528
RGB
55, 37, 40
HSL
350°, 20%, 18%
CMYK
0, 33, 27, 78
HSV
350°, 33%, 22%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #372528 color: #372528;
RGB 55, 37, 40 color: rgb(55, 37, 40);
RGB Percentage 22%, 15%, 16% color: rgb(22%, 15%, 16%);
CMYK 0%, 33%, 27%, 78% Not supported in CSS
HSL 350°, 20%, 18% color: hsl(350, 20%, 18%);
HSV 350°, 33%, 22% Not supported in CSS
CIE-LAB 14, 4, -1 color: lab(14% 4 -1);
Decimal 3613992 Not supported in CSS

Color Variations

Shades

#372528
#322124
#2C1D20
#271A1C
#211618
#1C1214
#160F10
#110B0C

Tints

#CDB4B8
#BC9BA0
#AB8289
#9B6871
#82575E
#69464C
#50353A
#372528

Tones

#372528
#362628
#352729
#34272A
#33282A
#32292B
#322A2B
#312B2C

Hues

#372528
#372F25
#313725
#253726
#253734
#252C37
#2B2537
#372536

Color Harmonies

Analogous

#372531
Click to copy
Dark Purple
98%
#372528
Click to copy
Aubergine
100%
#372B25
Click to copy
Dark Red
98%

Complementary

#372528
Click to copy
Aubergine
100%
#253734
Click to copy
Dark Cyan
94%

Split Complementary

#372528
Click to copy
Aubergine
100%
#25372B
Click to copy
Dark Green
94%
#253137
Click to copy
Dark Cyan
94%

Triadic

#372528
Click to copy
Aubergine
100%
#283725
Click to copy
Dark Green
95%
#252837
Click to copy
Dark Blue
95%

Tetradic

#372528
Click to copy
Aubergine
100%
#313725
Click to copy
Dark Yellow
96%
#253734
Click to copy
Dark Cyan
94%
#2B2537
Click to copy
Dark Blue
96%

Square

#372528
Click to copy
Aubergine
100%
#313725
Click to copy
Dark Yellow
96%
#253734
Click to copy
Dark Cyan
94%
#2B2537
Click to copy
Dark Blue
96%

CSS & Dev Snippets

CSS
.aubergine {
  color: #372528;
}
SCSS
$aubergine: #372528;
RGB
rgb(55, 37, 40)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags