colorhexa.com

#5a4730 hex color

In a RGB color space, hex #5a4730 is composed of 35.3% red, 27.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 46.7% yellow and 64.7% black. It has a hue angle of 32.9 degrees, a saturation of 30.4% and a lightness of 27.1%. #5a4730 color hex could be obtained by blending #b48e60 with #000000. Closest websafe color is: #663333.

- R 35
- G 28
- B 19
RGB color chart
- C 0
- M 21
- Y 47
- K 65
CMYK color chart

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

The hexadecimal color #5a4730 has RGB values of R:90, G:71, B:48 and CMYK values of C:0, M:0.21, Y:0.47, K:0.65. Its decimal value is 5916464.

Hex triplet	5a4730	`#5a4730`
RGB Decimal	90, 71, 48	`rgb(90,71,48)`
RGB Percent	35.3, 27.8, 18.8	`rgb(35.3%,27.8%,18.8%)`
CMYK	0, 21, 47, 65
HSL	32.9°, 30.4, 27.1	`hsl(32.9,30.4%,27.1%)`
HSV (or HSB)	32.9°, 46.7, 35.3
Web Safe	663333	`#663333`

CIE-LAB	31.564, 4.598, 16.89
XYZ	7.003, 6.894, 3.758
xyY	0.397, 0.39, 6.894
CIE-LCH	31.564, 17.505, 74.771
CIE-LUV	31.564, 13.282, 17.047
Hunter-Lab	26.256, 1.663, 9.893
Binary	01011010, 01000111, 00110000

#5a4730
```
#5a4730 rgb(90,71,48)
```
#30435a
```
#30435a rgb(48,67,90)
```

Complementary Color

#5a3230
```
#5a3230 rgb(90,50,48)
```
#5a4730
```
#5a4730 rgb(90,71,48)
```
#585a30
```
#585a30 rgb(88,90,48)
```

Analogous Color

#32305a
```
#32305a rgb(50,48,90)
```
#5a4730
```
#5a4730 rgb(90,71,48)
```
#30585a
```
#30585a rgb(48,88,90)
```

Split Complementary Color

#282015
```
#282015 rgb(40,32,21)
```
#392d1e
```
#392d1e rgb(57,45,30)
```
#493a27
```
#493a27 rgb(73,58,39)
```
#5a4730
```
#5a4730 rgb(90,71,48)
```
#6b5439
```
#6b5439 rgb(107,84,57)
```
#7b6142
```
#7b6142 rgb(123,97,66)
```
#8c6e4b
```
#8c6e4b rgb(140,110,75)
```

Monochromatic Color

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

#5a3d30
```
#5a3d30 rgb(90,61,48)
```
#5a4030
```
#5a4030 rgb(90,64,48)
```
#5a4430
```
#5a4430 rgb(90,68,48)
```
#5a4730
```
#5a4730 rgb(90,71,48)
```
#5a4b30
```
#5a4b30 rgb(90,75,48)
```
#5a4e30
```
#5a4e30 rgb(90,78,48)
```
#5a5230
```
#5a5230 rgb(90,82,48)
```

Similar Colors

Text with hexadecimal color #5a4730

This text has a font color of #5a4730.

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

#5a4730 background color

This paragraph has a background color of #5a4730.

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

#5a4730 border color

This element has a border color of #5a4730.

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

CSS codes

.text {color:#5a4730;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0a07
```
#0d0a07 rgb(13,10,7)
```
#1a150e
```
#1a150e rgb(26,21,14)
```
#271f15
```
#271f15 rgb(39,31,21)
```
#34291c
```
#34291c rgb(52,41,28)
```
#403322
```
#403322 rgb(64,51,34)
```
#4d3d29
```
#4d3d29 rgb(77,61,41)
```
#5a4730
```
#5a4730 rgb(90,71,48)
```
#675137
```
#675137 rgb(103,81,55)
```
#745b3e
```
#745b3e rgb(116,91,62)
```
#806544
```
#806544 rgb(128,101,68)
```
#8d6f4b
```
#8d6f4b rgb(141,111,75)
```
#9a7952
```
#9a7952 rgb(154,121,82)
```

Shade Color Variation

#a78459
```
#a78459 rgb(167,132,89)
```
#ad8d66
```
#ad8d66 rgb(173,141,102)
```
#b49773
```
#b49773 rgb(180,151,115)
```
#bba080
```
#bba080 rgb(187,160,128)
```
#c2aa8c
```
#c2aa8c rgb(194,170,140)
```
#c9b399
```
#c9b399 rgb(201,179,153)
```
#cfbda6
```
#cfbda6 rgb(207,189,166)
```
#d6c6b3
```
#d6c6b3 rgb(214,198,179)
```
#ddd0bf
```
#ddd0bf rgb(221,208,191)
```
#e4d9cc
```
#e4d9cc rgb(228,217,204)
```
#ebe3d9
```
#ebe3d9 rgb(235,227,217)
```
#f2ece6
```
#f2ece6 rgb(242,236,230)
```
#f8f6f3
```
#f8f6f3 rgb(248,246,243)
```

Tint Color Variation

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

#4a4540
```
#4a4540 rgb(74,69,64)
```
#4f463b
```
#4f463b rgb(79,70,59)
```
#554635
```
#554635 rgb(85,70,53)
```
#5a4730
```
#5a4730 rgb(90,71,48)
```
#5f482b
```
#5f482b rgb(95,72,43)
```
#654825
```
#654825 rgb(101,72,37)
```
#6a4920
```
#6a4920 rgb(106,73,32)
```
#6f491b
```
#6f491b rgb(111,73,27)
```
#754a15
```
#754a15 rgb(117,74,21)
```
#7a4a10
```
#7a4a10 rgb(122,74,16)
```
#7f4b0b
```
#7f4b0b rgb(127,75,11)
```
#844b06
```
#844b06 rgb(132,75,6)
```
#8a4c00
```
#8a4c00 rgb(138,76,0)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4d4945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a533b Protanopia 1% of men
#63503a Deuteranopia 1% of men
#654d52 Tritanopia 0.001% of the population

Trichromacy

#5a4f37 Protanomaly 1% of men, 0.01% of women
#5f4c36 Deuteranomaly 6% of men, 0.4% of women
#614b46 Tritanomaly 0.01% of the population