Redwood

#A45A52
RGB
164, 90, 82
HSL
6°, 33%, 48%
CMYK
0, 45, 50, 36
HSV
6°, 50%, 64%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #A45A52 color: #A45A52;
RGB 164, 90, 82 color: rgb(164, 90, 82);
RGB Percentage 64%, 35%, 32% color: rgb(64%, 35%, 32%);
CMYK 0%, 45%, 50%, 36% Not supported in CSS
HSL 6°, 33%, 48% color: hsl(6, 33%, 48%);
HSV 6°, 50%, 64% Not supported in CSS
CIE-LAB 38, 15, 3 color: lab(38% 15 3);
Decimal 10771026 Not supported in CSS

Color Variations

Shades

#A35A52
#93514A
#824842
#723F39
#623631
#512D29
#412421
#311B19

Tints

#E4CDCA
#DBBCB8
#D3ABA7
#CA9A95
#C18A84
#B87972
#AF6860
#A35A52

Tones

#A35A52
#9F5D56
#9B615A
#97645E
#936762
#8F6A66
#8B6D6A
#87716E

Hues

#A35A52
#A39752
#72A352
#52A36E
#529BA3
#525EA3
#8252A3
#A35287

Color Harmonies

Analogous

#A35272
Click to copy
Magenta
93%
#A45A52
Click to copy
Redwood
100%
#A38252
Click to copy
Orange
91%

Complementary

#A45A52
Click to copy
Redwood
100%
#529BA3
Click to copy
Cyan
70%

Split Complementary

#A45A52
Click to copy
Redwood
100%
#52A382
Click to copy
Cyan
73%
#5272A3
Click to copy
Blue
73%

Triadic

#A45A52
Click to copy
Redwood
100%
#52A35A
Click to copy
Green
75%
#5A52A3
Click to copy
Blue
75%

Tetradic

#A45A52
Click to copy
Redwood
100%
#72A352
Click to copy
Green
80%
#529BA3
Click to copy
Cyan
70%
#8252A3
Click to copy
Purple
80%

Square

#A45A52
Click to copy
Redwood
100%
#72A352
Click to copy
Green
80%
#529BA3
Click to copy
Cyan
70%
#8252A3
Click to copy
Purple
80%

CSS & Dev Snippets

CSS
.redwood {
  color: #A45A52;
}
SCSS
$redwood: #A45A52;
RGB
rgb(164, 90, 82)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags