Chestnut

#954535
RGB
149, 69, 53
HSL
10°, 48%, 40%
CMYK
0, 54, 64, 42
HSV
10°, 64%, 58%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #954535 color: #954535;
RGB 149, 69, 53 color: rgb(149, 69, 53);
RGB Percentage 58%, 27%, 21% color: rgb(58%, 27%, 21%);
CMYK 0%, 54%, 64%, 42% Not supported in CSS
HSL 10°, 48%, 40% color: hsl(10, 48%, 40%);
HSV 10°, 64%, 58% Not supported in CSS
CIE-LAB 32, 16, 5 color: lab(32% 16 5);
Decimal 9782581 Not supported in CSS

Color Variations

Shades

#974535
#883E30
#79372A
#6A3125
#5B2A20
#4B231B
#3C1C15
#2D1510

Tints

#E7C2BB
#DFAEA4
#D79A8E
#CF8677
#C77260
#BF5D4A
#AE503D
#974535

Tones

#974535
#92493A
#8D4C3F
#884F44
#835249
#7E564E
#7A5952
#755C57

Hues

#974535
#978F35
#569735
#35975E
#358797
#353D97
#763597
#97356E

Color Harmonies

Analogous

#973556
Click to copy
Magenta
92%
#954535
Click to copy
Chestnut
100%
#977635
Click to copy
Orange
89%

Complementary

#954535
Click to copy
Chestnut
100%
#358797
Click to copy
Cyan
65%

Split Complementary

#954535
Click to copy
Chestnut
100%
#359776
Click to copy
Cyan
68%
#355697
Click to copy
Blue
69%

Triadic

#954535
Click to copy
Chestnut
100%
#359745
Click to copy
Green
71%
#453597
Click to copy
Blue
71%

Tetradic

#954535
Click to copy
Chestnut
100%
#569735
Click to copy
Green
77%
#358797
Click to copy
Cyan
65%
#763597
Click to copy
Purple
76%

Square

#954535
Click to copy
Chestnut
100%
#569735
Click to copy
Green
77%
#358797
Click to copy
Cyan
65%
#763597
Click to copy
Purple
76%

CSS & Dev Snippets

CSS
.chestnut {
  color: #954535;
}
SCSS
$chestnut: #954535;
RGB
rgb(149, 69, 53)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags