#5a3f31 hex color

In a RGB color space, hex #5a3f31 is composed of 35.3% red, 24.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30% magenta, 45.6% yellow and 64.7% black. It has a hue angle of 20.5 degrees, a saturation of 29.5% and a lightness of 27.3%. #5a3f31 color hex could be obtained by blending #b47e62 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 35
- G 25
- B 19
RGB color chart
- C 0
- M 30
- Y 46
- K 65
CMYK color chart

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

The hexadecimal color #5a3f31 has RGB values of R:90, G:63, B:49 and CMYK values of C:0, M:0.3, Y:0.46, K:0.65. Its decimal value is 5914417.

Hex triplet	5a3f31	`#5a3f31`
RGB Decimal	90, 63, 49	`rgb(90,63,49)`
RGB Percent	35.3, 24.7, 19.2	`rgb(35.3%,24.7%,19.2%)`
CMYK	0, 30, 46, 65
HSL	20.5°, 29.5, 27.3	`hsl(20.5,29.5%,27.3%)`
HSV (or HSB)	20.5°, 45.6, 35.3
Web Safe	663333	`#663333`

CIE-LAB	29.288, 9.769, 13.248
XYZ	6.548, 5.951, 3.709
xyY	0.404, 0.367, 5.951
CIE-LCH	29.288, 16.46, 53.595
CIE-LUV	29.288, 17.934, 12.369
Hunter-Lab	24.394, 5.227, 8.061
Binary	01011010, 00111111, 00110001

#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#314c5a
```
#314c5a rgb(49,76,90)
```

Complementary Color

#5a3138
```
#5a3138 rgb(90,49,56)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#5a5431
```
#5a5431 rgb(90,84,49)
```

Analogous Color

#31385a
```
#31385a rgb(49,56,90)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#315a54
```
#315a54 rgb(49,90,84)
```

Split Complementary Color

#3f315a
```
#3f315a rgb(63,49,90)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#315a3f
```
#315a3f rgb(49,90,63)
```

Triadic Color

#5a314c
```
#5a314c rgb(90,49,76)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#315a3f
```
#315a3f rgb(49,90,63)
```
#314c5a
```
#314c5a rgb(49,76,90)
```

Tetradic Color

#281c16
```
#281c16 rgb(40,28,22)
```
#39281f
```
#39281f rgb(57,40,31)
```
#493328
```
#493328 rgb(73,51,40)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#6b4b3a
```
#6b4b3a rgb(107,75,58)
```
#7b5643
```
#7b5643 rgb(123,86,67)
```
#8c624c
```
#8c624c rgb(140,98,76)
```

Monochromatic Color

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

#5a3531
```
#5a3531 rgb(90,53,49)
```
#5a3831
```
#5a3831 rgb(90,56,49)
```
#5a3c31
```
#5a3c31 rgb(90,60,49)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#5a4231
```
#5a4231 rgb(90,66,49)
```
#5a4631
```
#5a4631 rgb(90,70,49)
```
#5a4931
```
#5a4931 rgb(90,73,49)
```

Similar Colors

Text with hexadecimal color #5a3f31

This text has a font color of #5a3f31.

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

#5a3f31 background color

This paragraph has a background color of #5a3f31.

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

#5a3f31 border color

This element has a border color of #5a3f31.

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

CSS codes

.text {color:#5a3f31;}

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

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

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, #010101 is the darkest color, while #f9f5f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0e0a08
```
#0e0a08 rgb(14,10,8)
```
#1a130e
```
#1a130e rgb(26,19,14)
```
#271b15
```
#271b15 rgb(39,27,21)
```
#34241c
```
#34241c rgb(52,36,28)
```
#412d23
```
#412d23 rgb(65,45,35)
```
#4d362a
```
#4d362a rgb(77,54,42)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#674838
```
#674838 rgb(103,72,56)
```
#73513f
```
#73513f rgb(115,81,63)
```
#805a46
```
#805a46 rgb(128,90,70)
```
#8d634d
```
#8d634d rgb(141,99,77)
```
#9a6b54
```
#9a6b54 rgb(154,107,84)
```

Shade Color Variation

#a6755b
```
#a6755b rgb(166,117,91)
```
#ad7f68
```
#ad7f68 rgb(173,127,104)
```
#b48a74
```
#b48a74 rgb(180,138,116)
```
#ba9581
```
#ba9581 rgb(186,149,129)
```
#c19f8e
```
#c19f8e rgb(193,159,142)
```
#c8aa9a
```
#c8aa9a rgb(200,170,154)
```
#cfb5a7
```
#cfb5a7 rgb(207,181,167)
```
#d6c0b4
```
#d6c0b4 rgb(214,192,180)
```
#ddcac1
```
#ddcac1 rgb(221,202,193)
```
#e4d5cd
```
#e4d5cd rgb(228,213,205)
```
#ebe0da
```
#ebe0da rgb(235,224,218)
```
#f2eae7
```
#f2eae7 rgb(242,234,231)
```
#f9f5f3
```
#f9f5f3 rgb(249,245,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4441 is the less saturated color, while #8a3001 is the most saturated one.

#4a4441
```
#4a4441 rgb(74,68,65)
```
#4f423c
```
#4f423c rgb(79,66,60)
```
#554136
```
#554136 rgb(85,65,54)
```
#5a3f31
```
#5a3f31 rgb(90,63,49)
```
#5f3d2c
```
#5f3d2c rgb(95,61,44)
```
#653c26
```
#653c26 rgb(101,60,38)
```
#6a3a21
```
#6a3a21 rgb(106,58,33)
```
#6f381c
```
#6f381c rgb(111,56,28)
```
#753716
```
#753716 rgb(117,55,22)
```
#7a3511
```
#7a3511 rgb(122,53,17)
```
#7f330c
```
#7f330c rgb(127,51,12)
```
#853106
```
#853106 rgb(133,49,6)
```
#8a3001
```
#8a3001 rgb(138,48,1)
```

Tone Color Variation

Below, you can see how #5a3f31 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

#454545 Achromatopsia 0.005% of the population
#494441 Atypical Achromatopsia 0.001% of the population

Dichromacy

#534e3e Protanopia 1% of men
#5c4b3a Deuteranopia 1% of men
#64464b Tritanopia 0.001% of the population

Trichromacy

#564839 Protanomaly 1% of men, 0.01% of women
#5b4737 Deuteranomaly 6% of men, 0.4% of women
#604341 Tritanomaly 0.01% of the population

#5a3f31 hex color

#5a3f31 Color Information

#5a3f31 Color Conversion

Color Schemes with #5a3f31

Alternatives to #5a3f31

#5a3f31 Preview

Shades and Tints of #5a3f31

Tones of #5a3f31

Color Blindness Simulator