#5a3f2c hex color

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

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

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

The hexadecimal color #5a3f2c has RGB values of R:90, G:63, B:44 and CMYK values of C:0, M:0.3, Y:0.51, K:0.65. Its decimal value is 5914412.

Hex triplet	5a3f2c	`#5a3f2c`
RGB Decimal	90, 63, 44	`rgb(90,63,44)`
RGB Percent	35.3, 24.7, 17.3	`rgb(35.3%,24.7%,17.3%)`
CMYK	0, 30, 51, 65
HSL	24.8°, 34.3, 26.3	`hsl(24.8,34.3%,26.3%)`
HSV (or HSB)	24.8°, 51.1, 35.3
Web Safe	663333	`#663333`

CIE-LAB	29.186, 9.16, 16.291
XYZ	6.449, 5.911, 3.184
xyY	0.415, 0.38, 5.911
CIE-LCH	29.186, 18.689, 60.651
CIE-LUV	29.186, 18.445, 15.153
Hunter-Lab	24.312, 4.799, 9.254
Binary	01011010, 00111111, 00101100

#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#2c475a
```
#2c475a rgb(44,71,90)
```

Complementary Color

#5a2c30
```
#5a2c30 rgb(90,44,48)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#5a562c
```
#5a562c rgb(90,86,44)
```

Analogous Color

#2c305a
```
#2c305a rgb(44,48,90)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#2c5a56
```
#2c5a56 rgb(44,90,86)
```

Split Complementary Color

#3f2c5a
```
#3f2c5a rgb(63,44,90)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#2c5a3f
```
#2c5a3f rgb(44,90,63)
```

Triadic Color

#5a2c47
```
#5a2c47 rgb(90,44,71)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#2c5a3f
```
#2c5a3f rgb(44,90,63)
```
#2c475a
```
#2c475a rgb(44,71,90)
```

Tetradic Color

#271b13
```
#271b13 rgb(39,27,19)
```
#38271b
```
#38271b rgb(56,39,27)
```
#493324
```
#493324 rgb(73,51,36)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#6b4b34
```
#6b4b34 rgb(107,75,52)
```
#7c573d
```
#7c573d rgb(124,87,61)
```
#8d6345
```
#8d6345 rgb(141,99,69)
```

Monochromatic Color

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

#5a342c
```
#5a342c rgb(90,52,44)
```
#5a372c
```
#5a372c rgb(90,55,44)
```
#5a3b2c
```
#5a3b2c rgb(90,59,44)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#5a432c
```
#5a432c rgb(90,67,44)
```
#5a472c
```
#5a472c rgb(90,71,44)
```
#5a4b2c
```
#5a4b2c rgb(90,75,44)
```

Similar Colors

Text with hexadecimal color #5a3f2c

This text has a font color of #5a3f2c.

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

#5a3f2c background color

This paragraph has a background color of #5a3f2c.

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

#5a3f2c border color

This element has a border color of #5a3f2c.

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

CSS codes

.text {color:#5a3f2c;}

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

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

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, #0b0805 is the darkest color, while #fefdfd is the lightest one.

#0b0805
```
#0b0805 rgb(11,8,5)
```
#18110c
```
#18110c rgb(24,17,12)
```
#251a12
```
#251a12 rgb(37,26,18)
```
#322319
```
#322319 rgb(50,35,25)
```
#402d1f
```
#402d1f rgb(64,45,31)
```
#4d3626
```
#4d3626 rgb(77,54,38)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#674832
```
#674832 rgb(103,72,50)
```
#745139
```
#745139 rgb(116,81,57)
```
#825b3f
```
#825b3f rgb(130,91,63)
```
#8f6446
```
#8f6446 rgb(143,100,70)
```
#9c6d4c
```
#9c6d4c rgb(156,109,76)
```
#a97653
```
#a97653 rgb(169,118,83)
```

Shade Color Variation

#b1815f
```
#b1815f rgb(177,129,95)
```
#b78b6c
```
#b78b6c rgb(183,139,108)
```
#be9579
```
#be9579 rgb(190,149,121)
```
#c4a086
```
#c4a086 rgb(196,160,134)
```
#caaa93
```
#caaa93 rgb(202,170,147)
```
#d1b4a1
```
#d1b4a1 rgb(209,180,161)
```
#d7bfae
```
#d7bfae rgb(215,191,174)
```
#dec9bb
```
#dec9bb rgb(222,201,187)
```
#e4d4c8
```
#e4d4c8 rgb(228,212,200)
```
#ebded5
```
#ebded5 rgb(235,222,213)
```
#f1e8e2
```
#f1e8e2 rgb(241,232,226)
```
#f7f3f0
```
#f7f3f0 rgb(247,243,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#454341
```
#454341 rgb(69,67,65)
```
#4b423b
```
#4b423b rgb(75,66,59)
```
#504136
```
#504136 rgb(80,65,54)
```
#554031
```
#554031 rgb(85,64,49)
```
#5a3f2c
```
#5a3f2c rgb(90,63,44)
```
#5f3e27
```
#5f3e27 rgb(95,62,39)
```
#643d22
```
#643d22 rgb(100,61,34)
```
#693c1d
```
#693c1d rgb(105,60,29)
```
#6f3b17
```
#6f3b17 rgb(111,59,23)
```
#743b12
```
#743b12 rgb(116,59,18)
```
#793a0d
```
#793a0d rgb(121,58,13)
```
#7e3908
```
#7e3908 rgb(126,57,8)
```
#833803
```
#833803 rgb(131,56,3)
```

Tone Color Variation

Below, you can see how #5a3f2c 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
#494440 Atypical Achromatopsia 0.001% of the population

Dichromacy

#544e39 Protanopia 1% of men
#5d4b36 Deuteranopia 1% of men
#64464b Tritanopia 0.001% of the population

Trichromacy

#564834 Protanomaly 1% of men, 0.01% of women
#5c4632 Deuteranomaly 6% of men, 0.4% of women
#60433f Tritanomaly 0.01% of the population

#5a3f2c hex color

#5a3f2c Color Information

#5a3f2c Color Conversion

Color Schemes with #5a3f2c

Alternatives to #5a3f2c

#5a3f2c Preview

Shades and Tints of #5a3f2c

Tones of #5a3f2c

Color Blindness Simulator