#5a4630 hex color

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

♥
- f
- t
- g
- R 35
- G 27
- B 19
RGB color chart
- C 0
- M 22
- Y 47
- K 65
CMYK color chart

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

The hexadecimal color #5a4630 has RGB values of R:90, G:70, B:48 and CMYK values of C:0, M:0.22, Y:0.47, K:0.65. Its decimal value is 5916208.

Hex triplet	5a4630	`#5a4630`
RGB Decimal	90, 70, 48	`rgb(90,70,48)`
RGB Percent	35.3, 27.5, 18.8	`rgb(35.3%,27.5%,18.8%)`
CMYK	0, 22, 47, 65
HSL	31.4°, 30.4, 27.1	`hsl(31.4,30.4%,27.1%)`
HSV (or HSB)	31.4°, 46.7, 35.3
Web Safe	663333	`#663333`

CIE-LAB	31.272, 5.225, 16.508
XYZ	6.94, 6.768, 3.737
xyY	0.398, 0.388, 6.768
CIE-LCH	31.272, 17.316, 72.436
CIE-LUV	31.272, 13.881, 16.528
Hunter-Lab	26.015, 2.094, 9.694
Binary	01011010, 01000110, 00110000

#5a4630
```
#5a4630 rgb(90,70,48)
```
#30445a
```
#30445a rgb(48,68,90)
```

Complementary Color

#5a3130
```
#5a3130 rgb(90,49,48)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#595a30
```
#595a30 rgb(89,90,48)
```

Analogous Color

#31305a
```
#31305a rgb(49,48,90)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#30595a
```
#30595a rgb(48,89,90)
```

Split Complementary Color

#46305a
```
#46305a rgb(70,48,90)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#305a46
```
#305a46 rgb(48,90,70)
```

Triadic Color

#5a3044
```
#5a3044 rgb(90,48,68)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#305a46
```
#305a46 rgb(48,90,70)
```
#30445a
```
#30445a rgb(48,68,90)
```

Tetradic Color

#281f15
```
#281f15 rgb(40,31,21)
```
#392c1e
```
#392c1e rgb(57,44,30)
```
#493927
```
#493927 rgb(73,57,39)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#6b5339
```
#6b5339 rgb(107,83,57)
```
#7b6042
```
#7b6042 rgb(123,96,66)
```
#8c6d4b
```
#8c6d4b rgb(140,109,75)
```

Monochromatic Color

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

#5a3c30
```
#5a3c30 rgb(90,60,48)
```
#5a3f30
```
#5a3f30 rgb(90,63,48)
```
#5a4330
```
#5a4330 rgb(90,67,48)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#5a4a30
```
#5a4a30 rgb(90,74,48)
```
#5a4d30
```
#5a4d30 rgb(90,77,48)
```
#5a5130
```
#5a5130 rgb(90,81,48)
```

Similar Colors

Text with hexadecimal color #5a4630

This text has a font color of #5a4630.

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

#5a4630 background color

This paragraph has a background color of #5a4630.

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

#5a4630 border color

This element has a border color of #5a4630.

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

CSS codes

.text {color:#5a4630;}

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

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

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)
```
#1a140e
```
#1a140e rgb(26,20,14)
```
#271e15
```
#271e15 rgb(39,30,21)
```
#34281c
```
#34281c rgb(52,40,28)
```
#403222
```
#403222 rgb(64,50,34)
```
#4d3c29
```
#4d3c29 rgb(77,60,41)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#675037
```
#675037 rgb(103,80,55)
```
#745a3e
```
#745a3e rgb(116,90,62)
```
#806444
```
#806444 rgb(128,100,68)
```
#8d6e4b
```
#8d6e4b rgb(141,110,75)
```
#9a7852
```
#9a7852 rgb(154,120,82)
```

Shade Color Variation

#a78259
```
#a78259 rgb(167,130,89)
```
#ad8b66
```
#ad8b66 rgb(173,139,102)
```
#b49573
```
#b49573 rgb(180,149,115)
```
#bb9f80
```
#bb9f80 rgb(187,159,128)
```
#c2a88c
```
#c2a88c rgb(194,168,140)
```
#c9b299
```
#c9b299 rgb(201,178,153)
```
#cfbca6
```
#cfbca6 rgb(207,188,166)
```
#d6c5b3
```
#d6c5b3 rgb(214,197,179)
```
#ddcfbf
```
#ddcfbf rgb(221,207,191)
```
#e4d9cc
```
#e4d9cc rgb(228,217,204)
```
#ebe2d9
```
#ebe2d9 rgb(235,226,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 #8a4800 is the most saturated one.

#4a4540
```
#4a4540 rgb(74,69,64)
```
#4f453b
```
#4f453b rgb(79,69,59)
```
#554635
```
#554635 rgb(85,70,53)
```
#5a4630
```
#5a4630 rgb(90,70,48)
```
#5f462b
```
#5f462b rgb(95,70,43)
```
#654725
```
#654725 rgb(101,71,37)
```
#6a4720
```
#6a4720 rgb(106,71,32)
```
#6f471b
```
#6f471b rgb(111,71,27)
```
#754715
```
#754715 rgb(117,71,21)
```
#7a4810
```
#7a4810 rgb(122,72,16)
```
#7f480b
```
#7f480b rgb(127,72,11)
```
#844806
```
#844806 rgb(132,72,6)
```
#8a4800
```
#8a4800 rgb(138,72,0)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4c4844 Atypical Achromatopsia 0.001% of the population

Dichromacy

#59523c Protanopia 1% of men
#624f3a Deuteranopia 1% of men
#654c51 Tritanopia 0.001% of the population

Trichromacy

#594e37 Protanomaly 1% of men, 0.01% of women
#5f4c36 Deuteranomaly 6% of men, 0.4% of women
#614a45 Tritanomaly 0.01% of the population

#5a4630 hex color

#5a4630 Color Information

#5a4630 Color Conversion

Color Schemes with #5a4630

Alternatives to #5a4630

#5a4630 Preview

Shades and Tints of #5a4630

Tones of #5a4630

Color Blindness Simulator