#5a3f21 hex color

In a RGB color space, hex #5a3f21 is composed of 35.3% red, 24.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30% magenta, 63.3% yellow and 64.7% black. It has a hue angle of 31.6 degrees, a saturation of 46.3% and a lightness of 24.1%. #5a3f21 color hex could be obtained by blending #b47e42 with #000000. Closest websafe color is: #663333.

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

● #5a3f21 color description : Very dark orange [Brown tone].

The hexadecimal color #5a3f21 has RGB values of R:90, G:63, B:33 and CMYK values of C:0, M:0.3, Y:0.63, K:0.65. Its decimal value is 5914401.

Hex triplet	5a3f21	`#5a3f21`
RGB Decimal	90, 63, 33	`rgb(90,63,33)`
RGB Percent	35.3, 24.7, 12.9	`rgb(35.3%,24.7%,12.9%)`
CMYK	0, 30, 63, 65
HSL	31.6°, 46.3, 24.1	`hsl(31.6,46.3%,24.1%)`
HSV (or HSB)	31.6°, 63.3, 35.3
Web Safe	663333	`#663333`

CIE-LAB	29.002, 8.038, 22.824
XYZ	6.269, 5.839, 2.236
xyY	0.437, 0.407, 5.839
CIE-LCH	29.002, 24.198, 70.598
CIE-LUV	29.002, 19.421, 20.451
Hunter-Lab	24.164, 4.02, 11.429
Binary	01011010, 00111111, 00100001

#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#213c5a
```
#213c5a rgb(33,60,90)
```

Complementary Color

#5a2321
```
#5a2321 rgb(90,35,33)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#595a21
```
#595a21 rgb(89,90,33)
```

Analogous Color

#23215a
```
#23215a rgb(35,33,90)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#21595a
```
#21595a rgb(33,89,90)
```

Split Complementary Color

#3f215a
```
#3f215a rgb(63,33,90)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#215a3f
```
#215a3f rgb(33,90,63)
```

Triadic Color

#5a213c
```
#5a213c rgb(90,33,60)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#215a3f
```
#215a3f rgb(33,90,63)
```
#213c5a
```
#213c5a rgb(33,60,90)
```

Tetradic Color

#22180c
```
#22180c rgb(34,24,12)
```
#352513
```
#352513 rgb(53,37,19)
```
#47321a
```
#47321a rgb(71,50,26)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#6d4c28
```
#6d4c28 rgb(109,76,40)
```
#7f592f
```
#7f592f rgb(127,89,47)
```
#926636
```
#926636 rgb(146,102,54)
```

Monochromatic Color

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

#5a3121
```
#5a3121 rgb(90,49,33)
```
#5a3621
```
#5a3621 rgb(90,54,33)
```
#5a3a21
```
#5a3a21 rgb(90,58,33)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#5a4421
```
#5a4421 rgb(90,68,33)
```
#5a4921
```
#5a4921 rgb(90,73,33)
```
#5a4d21
```
#5a4d21 rgb(90,77,33)
```

Similar Colors

Text with hexadecimal color #5a3f21

This text has a font color of #5a3f21.

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

#5a3f21 background color

This paragraph has a background color of #5a3f21.

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

#5a3f21 border color

This element has a border color of #5a3f21.

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

CSS codes

.text {color:#5a3f21;}

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

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

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

#040301
```
#040301 rgb(4,3,1)
```
#120d07
```
#120d07 rgb(18,13,7)
```
#21170c
```
#21170c rgb(33,23,12)
```
#2f2111
```
#2f2111 rgb(47,33,17)
```
#3d2b16
```
#3d2b16 rgb(61,43,22)
```
#4c351c
```
#4c351c rgb(76,53,28)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#684926
```
#684926 rgb(104,73,38)
```
#77532c
```
#77532c rgb(119,83,44)
```
#855d31
```
#855d31 rgb(133,93,49)
```
#936736
```
#936736 rgb(147,103,54)
```
#a2713b
```
#a2713b rgb(162,113,59)
```
#b07b41
```
#b07b41 rgb(176,123,65)
```

Shade Color Variation

#bc8548
```
#bc8548 rgb(188,133,72)
```
#c18f57
```
#c18f57 rgb(193,143,87)
```
#c79865
```
#c79865 rgb(199,152,101)
```
#cca273
```
#cca273 rgb(204,162,115)
```
#d1ab82
```
#d1ab82 rgb(209,171,130)
```
#d6b590
```
#d6b590 rgb(214,181,144)
```
#dcbf9e
```
#dcbf9e rgb(220,191,158)
```
#e1c8ad
```
#e1c8ad rgb(225,200,173)
```
#e6d2bb
```
#e6d2bb rgb(230,210,187)
```
#ebdbc9
```
#ebdbc9 rgb(235,219,201)
```
#f1e5d8
```
#f1e5d8 rgb(241,229,216)
```
#f6eee6
```
#f6eee6 rgb(246,238,230)
```
#fbf8f5
```
#fbf8f5 rgb(251,248,245)
```

Tint Color Variation

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

#3e3e3d
```
#3e3e3d rgb(62,62,61)
```
#423e39
```
#423e39 rgb(66,62,57)
```
#473e34
```
#473e34 rgb(71,62,52)
```
#4c3e2f
```
#4c3e2f rgb(76,62,47)
```
#513f2a
```
#513f2a rgb(81,63,42)
```
#553f26
```
#553f26 rgb(85,63,38)
```
#5a3f21
```
#5a3f21 rgb(90,63,33)
```
#5f3f1c
```
#5f3f1c rgb(95,63,28)
```
#633f18
```
#633f18 rgb(99,63,24)
```
#684013
```
#684013 rgb(104,64,19)
```
#6d400e
```
#6d400e rgb(109,64,14)
```
#724009
```
#724009 rgb(114,64,9)
```
#764005
```
#764005 rgb(118,64,5)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#48433d Atypical Achromatopsia 0.001% of the population

Dichromacy

#554e2e Protanopia 1% of men
#5e4a2c Deuteranopia 1% of men
#65454a Tritanopia 0.001% of the population

Trichromacy

#574829 Protanomaly 1% of men, 0.01% of women
#5d4628 Deuteranomaly 6% of men, 0.4% of women
#61433b Tritanomaly 0.01% of the population

#5a3f21 hex color

#5a3f21 Color Information

#5a3f21 Color Conversion

Color Schemes with #5a3f21

Alternatives to #5a3f21

#5a3f21 Preview

Shades and Tints of #5a3f21

Tones of #5a3f21

Color Blindness Simulator