colorhexa.com

#5a4324 hex color

In a RGB color space, hex #5a4324 is composed of 35.3% red, 26.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 60% yellow and 64.7% black. It has a hue angle of 34.4 degrees, a saturation of 42.9% and a lightness of 24.7%. #5a4324 color hex could be obtained by blending #b48648 with #000000. Closest websafe color is: #663333.

- R 35
- G 26
- B 14
RGB color chart
- C 0
- M 26
- Y 60
- K 65
CMYK color chart

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

The hexadecimal color #5a4324 has RGB values of R:90, G:67, B:36 and CMYK values of C:0, M:0.26, Y:0.6, K:0.65. Its decimal value is 5915428.

Hex triplet	5a4324	`#5a4324`
RGB Decimal	90, 67, 36	`rgb(90,67,36)`
RGB Percent	35.3, 26.3, 14.1	`rgb(35.3%,26.3%,14.1%)`
CMYK	0, 26, 60, 65
HSL	34.4°, 42.9, 24.7	`hsl(34.4,42.9%,24.7%)`
HSV (or HSB)	34.4°, 60, 35.3
Web Safe	663333	`#663333`

CIE-LAB	30.195, 5.792, 22.475
XYZ	6.542, 6.316, 2.543
xyY	0.425, 0.41, 6.316
CIE-LCH	30.195, 23.209, 75.548
CIE-LUV	30.195, 16.66, 21.034
Hunter-Lab	25.131, 2.488, 11.591
Binary	01011010, 01000011, 00100100

#5a4324
```
#5a4324 rgb(90,67,36)
```
#243b5a
```
#243b5a rgb(36,59,90)
```

Complementary Color

#5a2824
```
#5a2824 rgb(90,40,36)
```
#5a4324
```
#5a4324 rgb(90,67,36)
```
#565a24
```
#565a24 rgb(86,90,36)
```

Analogous Color

#28245a
```
#28245a rgb(40,36,90)
```
#5a4324
```
#5a4324 rgb(90,67,36)
```
#24565a
```
#24565a rgb(36,86,90)
```

Split Complementary Color

#231a0e
```
#231a0e rgb(35,26,14)
```
#362815
```
#362815 rgb(54,40,21)
```
#48351d
```
#48351d rgb(72,53,29)
```
#5a4324
```
#5a4324 rgb(90,67,36)
```
#6c512b
```
#6c512b rgb(108,81,43)
```
#7e5e33
```
#7e5e33 rgb(126,94,51)
```
#916c3a
```
#916c3a rgb(145,108,58)
```

Monochromatic Color

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

#5a3624
```
#5a3624 rgb(90,54,36)
```
#5a3a24
```
#5a3a24 rgb(90,58,36)
```
#5a3f24
```
#5a3f24 rgb(90,63,36)
```
#5a4324
```
#5a4324 rgb(90,67,36)
```
#5a4824
```
#5a4824 rgb(90,72,36)
```
#5a4c24
```
#5a4c24 rgb(90,76,36)
```
#5a5124
```
#5a5124 rgb(90,81,36)
```

Similar Colors

Text with hexadecimal color #5a4324

This text has a font color of #5a4324.

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

#5a4324 background color

This paragraph has a background color of #5a4324.

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

#5a4324 border color

This element has a border color of #5a4324.

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

CSS codes

.text {color:#5a4324;}

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

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

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

#060402
```
#060402 rgb(6,4,2)
```
#140f08
```
#140f08 rgb(20,15,8)
```
#22190e
```
#22190e rgb(34,25,14)
```
#302413
```
#302413 rgb(48,36,19)
```
#3e2e19
```
#3e2e19 rgb(62,46,25)
```
#4c391e
```
#4c391e rgb(76,57,30)
```
#5a4324
```
#5a4324 rgb(90,67,36)
```
#684d2a
```
#684d2a rgb(104,77,42)
```
#76582f
```
#76582f rgb(118,88,47)
```
#846235
```
#846235 rgb(132,98,53)
```
#926d3a
```
#926d3a rgb(146,109,58)
```
#a07740
```
#a07740 rgb(160,119,64)
```
#ae8246
```
#ae8246 rgb(174,130,70)
```

Shade Color Variation

#b98b4f
```
#b98b4f rgb(185,139,79)
```
#be955d
```
#be955d rgb(190,149,93)
```
#c49e6b
```
#c49e6b rgb(196,158,107)
```
#c9a779
```
#c9a779 rgb(201,167,121)
```
#cfb087
```
#cfb087 rgb(207,176,135)
```
#d5b995
```
#d5b995 rgb(213,185,149)
```
#dac3a3
```
#dac3a3 rgb(218,195,163)
```
#e0ccb1
```
#e0ccb1 rgb(224,204,177)
```
#e5d5bf
```
#e5d5bf rgb(229,213,191)
```
#ebdecd
```
#ebdecd rgb(235,222,205)
```
#f1e7db
```
#f1e7db rgb(241,231,219)
```
#f6f1e9
```
#f6f1e9 rgb(246,241,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#423f3c
```
#423f3c rgb(66,63,60)
```
#474037
```
#474037 rgb(71,64,55)
```
#4b4133
```
#4b4133 rgb(75,65,51)
```
#50422e
```
#50422e rgb(80,66,46)
```
#554229
```
#554229 rgb(85,66,41)
```
#5a4324
```
#5a4324 rgb(90,67,36)
```
#5f441f
```
#5f441f rgb(95,68,31)
```
#64441a
```
#64441a rgb(100,68,26)
```
#694515
```
#694515 rgb(105,69,21)
```
#6d4611
```
#6d4611 rgb(109,70,17)
```
#72470c
```
#72470c rgb(114,71,12)
```
#774707
```
#774707 rgb(119,71,7)
```
#7c4802
```
#7c4802 rgb(124,72,2)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4a453f Atypical Achromatopsia 0.001% of the population

Dichromacy

#585030 Protanopia 1% of men
#614d2f Deuteranopia 1% of men
#65494e Tritanopia 0.001% of the population

Trichromacy

#584b2c Protanomaly 1% of men, 0.01% of women
#5e492b Deuteranomaly 6% of men, 0.4% of women
#61463e Tritanomaly 0.01% of the population