#5a5f20 hex color

In a RGB color space, hex #5a5f20 is composed of 35.3% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 66.3% yellow and 62.7% black. It has a hue angle of 64.8 degrees, a saturation of 49.6% and a lightness of 24.9%. #5a5f20 color hex could be obtained by blending #b4be40 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 37
- B 13
RGB color chart
- C 5
- M 0
- Y 66
- K 63
CMYK color chart

● #5a5f20 color description : Very dark yellow [Olive tone].

The hexadecimal color #5a5f20 has RGB values of R:90, G:95, B:32 and CMYK values of C:0.05, M:0, Y:0.66, K:0.63. Its decimal value is 5922592.

Hex triplet	5a5f20	`#5a5f20`
RGB Decimal	90, 95, 32	`rgb(90,95,32)`
RGB Percent	35.3, 37.3, 12.5	`rgb(35.3%,37.3%,12.5%)`
CMYK	5, 0, 66, 63
HSL	64.8°, 49.6, 24.9	`hsl(64.8,49.6%,24.9%)`
HSV (or HSB)	64.8°, 66.3, 37.3
Web Safe	666633	`#666633`

CIE-LAB	38.66, -11.401, 34.278
XYZ	8.569, 10.462, 2.934
xyY	0.39, 0.476, 10.462
CIE-LCH	38.66, 36.124, 108.398
CIE-LUV	38.66, -0.6, 36.117
Hunter-Lab	32.346, -9.315, 17.263
Binary	01011010, 01011111, 00100000

#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#25205f
```
#25205f rgb(37,32,95)
```

Complementary Color

#5f4520
```
#5f4520 rgb(95,69,32)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#3b5f20
```
#3b5f20 rgb(59,95,32)
```

Analogous Color

#45205f
```
#45205f rgb(69,32,95)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#203b5f
```
#203b5f rgb(32,59,95)
```

Split Complementary Color

#5f205a
```
#5f205a rgb(95,32,90)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#205a5f
```
#205a5f rgb(32,90,95)
```

Triadic Color

#5f2520
```
#5f2520 rgb(95,37,32)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#205a5f
```
#205a5f rgb(32,90,95)
```
#25205f
```
#25205f rgb(37,32,95)
```

Tetradic Color

#24260d
```
#24260d rgb(36,38,13)
```
#363913
```
#363913 rgb(54,57,19)
```
#484c1a
```
#484c1a rgb(72,76,26)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#6c7226
```
#6c7226 rgb(108,114,38)
```
#7e852d
```
#7e852d rgb(126,133,45)
```
#909833
```
#909833 rgb(144,152,51)
```

Monochromatic Color

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

#5f5420
```
#5f5420 rgb(95,84,32)
```
#5f5a20
```
#5f5a20 rgb(95,90,32)
```
#5f5f20
```
#5f5f20 rgb(95,95,32)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#555f20
```
#555f20 rgb(85,95,32)
```
#505f20
```
#505f20 rgb(80,95,32)
```
#4a5f20
```
#4a5f20 rgb(74,95,32)
```

Similar Colors

Text with hexadecimal color #5a5f20

This text has a font color of #5a5f20.

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

#5a5f20 background color

This paragraph has a background color of #5a5f20.

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

#5a5f20 border color

This element has a border color of #5a5f20.

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

CSS codes

.text {color:#5a5f20;}

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

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

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

#070702
```
#070702 rgb(7,7,2)
```
#141607
```
#141607 rgb(20,22,7)
```
#22240c
```
#22240c rgb(34,36,12)
```
#303311
```
#303311 rgb(48,51,17)
```
#3e4216
```
#3e4216 rgb(62,66,22)
```
#4c501b
```
#4c501b rgb(76,80,27)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#686e25
```
#686e25 rgb(104,110,37)
```
#767c2a
```
#767c2a rgb(118,124,42)
```
#848b2f
```
#848b2f rgb(132,139,47)
```
#929a34
```
#929a34 rgb(146,154,52)
```
#a0a839
```
#a0a839 rgb(160,168,57)
```
#adb73e
```
#adb73e rgb(173,183,62)
```

Shade Color Variation

#b7c147
```
#b7c147 rgb(183,193,71)
```
#bdc656
```
#bdc656 rgb(189,198,86)
```
#c3cb65
```
#c3cb65 rgb(195,203,101)
```
#c9d073
```
#c9d073 rgb(201,208,115)
```
#ced582
```
#ced582 rgb(206,213,130)
```
#d4da91
```
#d4da91 rgb(212,218,145)
```
#dadf9f
```
#dadf9f rgb(218,223,159)
```
#dfe4ae
```
#dfe4ae rgb(223,228,174)
```
#e5e9bd
```
#e5e9bd rgb(229,233,189)
```
#ebeecb
```
#ebeecb rgb(235,238,203)
```
#f1f3da
```
#f1f3da rgb(241,243,218)
```
#f6f7e9
```
#f6f7e9 rgb(246,247,233)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#41423d
```
#41423d rgb(65,66,61)
```
#454738
```
#454738 rgb(69,71,56)
```
#4a4b34
```
#4a4b34 rgb(74,75,52)
```
#4e502f
```
#4e502f rgb(78,80,47)
```
#52552a
```
#52552a rgb(82,85,42)
```
#565a25
```
#565a25 rgb(86,90,37)
```
#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#5e641b
```
#5e641b rgb(94,100,27)
```
#626916
```
#626916 rgb(98,105,22)
```
#666e11
```
#666e11 rgb(102,110,17)
```
#6a730c
```
#6a730c rgb(106,115,12)
```
#6f7708
```
#6f7708 rgb(111,119,8)
```
#737c03
```
#737c03 rgb(115,124,3)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#57584b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e632a Protanopia 1% of men
#7a5f2e Deuteranopia 1% of men
#696168 Tritanopia 0.001% of the population

Trichromacy

#676126 Protanomaly 1% of men, 0.01% of women
#6e5f29 Deuteranomaly 6% of men, 0.4% of women
#63604d Tritanomaly 0.01% of the population

#5a5f20 hex color

#5a5f20 Color Information

#5a5f20 Color Conversion

Color Schemes with #5a5f20

Alternatives to #5a5f20

#5a5f20 Preview

Shades and Tints of #5a5f20

Tones of #5a5f20

Color Blindness Simulator