#5a3a2c hex color

In a RGB color space, hex #5a3a2c is composed of 35.3% red, 22.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.6% magenta, 51.1% yellow and 64.7% black. It has a hue angle of 18.3 degrees, a saturation of 34.3% and a lightness of 26.3%. #5a3a2c color hex could be obtained by blending #b47458 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 35
- G 23
- B 17
RGB color chart
- C 0
- M 36
- Y 51
- K 65
CMYK color chart

● #5a3a2c color description : Very dark desaturated orange.

The hexadecimal color #5a3a2c has RGB values of R:90, G:58, B:44 and CMYK values of C:0, M:0.36, Y:0.51, K:0.65. Its decimal value is 5913132.

Hex triplet	5a3a2c	`#5a3a2c`
RGB Decimal	90, 58, 44	`rgb(90,58,44)`
RGB Percent	35.3, 22.7, 17.3	`rgb(35.3%,22.7%,17.3%)`
CMYK	0, 36, 51, 65
HSL	18.3°, 34.3, 26.3	`hsl(18.3,34.3%,26.3%)`
HSV (or HSB)	18.3°, 51.1, 35.3
Web Safe	663333	`#663333`

CIE-LAB	27.796, 12.325, 14.468
XYZ	6.184, 5.382, 3.096
xyY	0.422, 0.367, 5.382
CIE-LCH	27.796, 19.006, 49.573
CIE-LUV	27.796, 21.427, 12.708
Hunter-Lab	23.199, 6.984, 8.327
Binary	01011010, 00111010, 00101100

#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#2c4c5a
```
#2c4c5a rgb(44,76,90)
```

Complementary Color

#5a2c35
```
#5a2c35 rgb(90,44,53)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#5a512c
```
#5a512c rgb(90,81,44)
```

Analogous Color

#2c355a
```
#2c355a rgb(44,53,90)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#2c5a51
```
#2c5a51 rgb(44,90,81)
```

Split Complementary Color

#3a2c5a
```
#3a2c5a rgb(58,44,90)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#2c5a3a
```
#2c5a3a rgb(44,90,58)
```

Triadic Color

#5a2c4c
```
#5a2c4c rgb(90,44,76)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#2c5a3a
```
#2c5a3a rgb(44,90,58)
```
#2c4c5a
```
#2c4c5a rgb(44,76,90)
```

Tetradic Color

#271913
```
#271913 rgb(39,25,19)
```
#38241b
```
#38241b rgb(56,36,27)
```
#492f24
```
#492f24 rgb(73,47,36)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#6b4534
```
#6b4534 rgb(107,69,52)
```
#7c503d
```
#7c503d rgb(124,80,61)
```
#8d5b45
```
#8d5b45 rgb(141,91,69)
```

Monochromatic Color

Below, you can see some colors close to #5a3a2c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5a2f2c
```
#5a2f2c rgb(90,47,44)
```
#5a322c
```
#5a322c rgb(90,50,44)
```
#5a362c
```
#5a362c rgb(90,54,44)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#5a3e2c
```
#5a3e2c rgb(90,62,44)
```
#5a422c
```
#5a422c rgb(90,66,44)
```
#5a462c
```
#5a462c rgb(90,70,44)
```

Similar Colors

Text with hexadecimal color #5a3a2c

This text has a font color of #5a3a2c.

<span style="color:#5a3a2c;">Text here</span>

#5a3a2c background color

This paragraph has a background color of #5a3a2c.

<p style="background-color:#5a3a2c;">Content here</p>

#5a3a2c border color

This element has a border color of #5a3a2c.

<div style="border:1px solid #5a3a2c;">Content here</div>

CSS codes

.text {color:#5a3a2c;}

.background {background-color:#5a3a2c;}

.border {border:1px solid #5a3a2c;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0b0705 is the darkest color, while #fefdfd is the lightest one.

#0b0705
```
#0b0705 rgb(11,7,5)
```
#18100c
```
#18100c rgb(24,16,12)
```
#251812
```
#251812 rgb(37,24,18)
```
#322119
```
#322119 rgb(50,33,25)
```
#40291f
```
#40291f rgb(64,41,31)
```
#4d3226
```
#4d3226 rgb(77,50,38)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#674232
```
#674232 rgb(103,66,50)
```
#744b39
```
#744b39 rgb(116,75,57)
```
#82533f
```
#82533f rgb(130,83,63)
```
#8f5c46
```
#8f5c46 rgb(143,92,70)
```
#9c644c
```
#9c644c rgb(156,100,76)
```
#a96d53
```
#a96d53 rgb(169,109,83)
```

Shade Color Variation

#b1785f
```
#b1785f rgb(177,120,95)
```
#b7836c
```
#b7836c rgb(183,131,108)
```
#be8e79
```
#be8e79 rgb(190,142,121)
```
#c49986
```
#c49986 rgb(196,153,134)
```
#caa493
```
#caa493 rgb(202,164,147)
```
#d1afa1
```
#d1afa1 rgb(209,175,161)
```
#d7baae
```
#d7baae rgb(215,186,174)
```
#dec5bb
```
#dec5bb rgb(222,197,187)
```
#e4d1c8
```
#e4d1c8 rgb(228,209,200)
```
#ebdcd5
```
#ebdcd5 rgb(235,220,213)
```
#f1e7e2
```
#f1e7e2 rgb(241,231,226)
```
#f7f2f0
```
#f7f2f0 rgb(247,242,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454241 is the less saturated color, while #832a03 is the most saturated one.

#454241
```
#454241 rgb(69,66,65)
```
#4b403b
```
#4b403b rgb(75,64,59)
```
#503e36
```
#503e36 rgb(80,62,54)
```
#553c31
```
#553c31 rgb(85,60,49)
```
#5a3a2c
```
#5a3a2c rgb(90,58,44)
```
#5f3827
```
#5f3827 rgb(95,56,39)
```
#643622
```
#643622 rgb(100,54,34)
```
#69341d
```
#69341d rgb(105,52,29)
```
#6f3217
```
#6f3217 rgb(111,50,23)
```
#743012
```
#743012 rgb(116,48,18)
```
#792e0d
```
#792e0d rgb(121,46,13)
```
#7e2c08
```
#7e2c08 rgb(126,44,8)
```
#832a03
```
#832a03 rgb(131,42,3)
```

Tone Color Variation

Below, you can see how #5a3a2c is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#424242 Achromatopsia 0.005% of the population
#47403e Atypical Achromatopsia 0.001% of the population

Dichromacy

#504b39 Protanopia 1% of men
#594835 Deuteranopia 1% of men
#644246 Tritanopia 0.001% of the population

Trichromacy

#544534 Protanomaly 1% of men, 0.01% of women
#594332 Deuteranomaly 6% of men, 0.4% of women
#603f3c Tritanomaly 0.01% of the population

#5a3a2c hex color

#5a3a2c Color Information

#5a3a2c Color Conversion

Color Schemes with #5a3a2c

Alternatives to #5a3a2c

#5a3a2c Preview

Shades and Tints of #5a3a2c

Tones of #5a3a2c

Color Blindness Simulator