#5a5218 hex color

In a RGB color space, hex #5a5218 is composed of 35.3% red, 32.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 73.3% yellow and 64.7% black. It has a hue angle of 52.7 degrees, a saturation of 57.9% and a lightness of 22.4%. #5a5218 color hex could be obtained by blending #b4a430 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 35
- G 32
- B 9
RGB color chart
- C 0
- M 9
- Y 73
- K 65
CMYK color chart

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

The hexadecimal color #5a5218 has RGB values of R:90, G:82, B:24 and CMYK values of C:0, M:0.09, Y:0.73, K:0.65. Its decimal value is 5919256.

Hex triplet	5a5218	`#5a5218`
RGB Decimal	90, 82, 24	`rgb(90,82,24)`
RGB Percent	35.3, 32.2, 9.4	`rgb(35.3%,32.2%,9.4%)`
CMYK	0, 9, 73, 65
HSL	52.7°, 57.9, 22.4	`hsl(52.7,57.9%,22.4%)`
HSV (or HSB)	52.7°, 73.3, 35.3
Web Safe	666600	`#666600`

CIE-LAB	34.548, -4.39, 33.76
XYZ	7.399, 8.274, 2.072
xyY	0.417, 0.466, 8.274
CIE-LCH	34.548, 34.044, 97.41
CIE-LUV	34.548, 7.651, 32.498
Hunter-Lab	28.765, -4.428, 15.866
Binary	01011010, 01010010, 00011000

#5a5218
```
#5a5218 rgb(90,82,24)
```
#18205a
```
#18205a rgb(24,32,90)
```

Complementary Color

#5a3118
```
#5a3118 rgb(90,49,24)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#415a18
```
#415a18 rgb(65,90,24)
```

Analogous Color

#31185a
```
#31185a rgb(49,24,90)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#18415a
```
#18415a rgb(24,65,90)
```

Split Complementary Color

#52185a
```
#52185a rgb(82,24,90)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#185a52
```
#185a52 rgb(24,90,82)
```

Triadic Color

#5a1820
```
#5a1820 rgb(90,24,32)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#185a52
```
#185a52 rgb(24,90,82)
```
#18205a
```
#18205a rgb(24,32,90)
```

Tetradic Color

#1e1b08
```
#1e1b08 rgb(30,27,8)
```
#322d0d
```
#322d0d rgb(50,45,13)
```
#464013
```
#464013 rgb(70,64,19)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#6e641d
```
#6e641d rgb(110,100,29)
```
#827723
```
#827723 rgb(130,119,35)
```
#968928
```
#968928 rgb(150,137,40)
```

Monochromatic Color

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

#5a4218
```
#5a4218 rgb(90,66,24)
```
#5a4718
```
#5a4718 rgb(90,71,24)
```
#5a4d18
```
#5a4d18 rgb(90,77,24)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#5a5818
```
#5a5818 rgb(90,88,24)
```
#575a18
```
#575a18 rgb(87,90,24)
```
#525a18
```
#525a18 rgb(82,90,24)
```

Similar Colors

Text with hexadecimal color #5a5218

This text has a font color of #5a5218.

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

#5a5218 background color

This paragraph has a background color of #5a5218.

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

#5a5218 border color

This element has a border color of #5a5218.

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

CSS codes

.text {color:#5a5218;}

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

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

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, #0d0b03 is the darkest color, while #fefefc is the lightest one.

#0d0b03
```
#0d0b03 rgb(13,11,3)
```
#1c1a07
```
#1c1a07 rgb(28,26,7)
```
#2c280c
```
#2c280c rgb(44,40,12)
```
#3b3610
```
#3b3610 rgb(59,54,16)
```
#4b4414
```
#4b4414 rgb(75,68,20)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#69601c
```
#69601c rgb(105,96,28)
```
#796e20
```
#796e20 rgb(121,110,32)
```
#887c24
```
#887c24 rgb(136,124,36)
```
#988a29
```
#988a29 rgb(152,138,41)
```
#a7992d
```
#a7992d rgb(167,153,45)
```
#b7a731
```
#b7a731 rgb(183,167,49)
```
#c6b535
```
#c6b535 rgb(198,181,53)
```

Shade Color Variation

#cdbc42
```
#cdbc42 rgb(205,188,66)
```
#d1c152
```
#d1c152 rgb(209,193,82)
```
#d5c761
```
#d5c761 rgb(213,199,97)
```
#d9cc71
```
#d9cc71 rgb(217,204,113)
```
#ddd280
```
#ddd280 rgb(221,210,128)
```
#e1d790
```
#e1d790 rgb(225,215,144)
```
#e5dd9f
```
#e5dd9f rgb(229,221,159)
```
#eae2af
```
#eae2af rgb(234,226,175)
```
#eee8be
```
#eee8be rgb(238,232,190)
```
#f2edce
```
#f2edce rgb(242,237,206)
```
#f6f3dd
```
#f6f3dd rgb(246,243,221)
```
#faf8ed
```
#faf8ed rgb(250,248,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#3b3b37
```
#3b3b37 rgb(59,59,55)
```
#403e32
```
#403e32 rgb(64,62,50)
```
#44412e
```
#44412e rgb(68,65,46)
```
#48452a
```
#48452a rgb(72,69,42)
```
#4d4825
```
#4d4825 rgb(77,72,37)
```
#514b21
```
#514b21 rgb(81,75,33)
```
#564f1c
```
#564f1c rgb(86,79,28)
```
#5a5218
```
#5a5218 rgb(90,82,24)
```
#5e5514
```
#5e5514 rgb(94,85,20)
```
#63590f
```
#63590f rgb(99,89,15)
```
#675c0b
```
#675c0b rgb(103,92,11)
```
#6c5f06
```
#6c5f06 rgb(108,95,6)
```
#706302
```
#706302 rgb(112,99,2)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#504f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a23 Protanopia 1% of men
#6f5626 Deuteranopia 1% of men
#67555b Tritanopia 0.001% of the population

Trichromacy

#60571f Protanomaly 1% of men, 0.01% of women
#675420 Deuteranomaly 6% of men, 0.4% of women
#625442 Tritanomaly 0.01% of the population

#5a5218 hex color

#5a5218 Color Information

#5a5218 Color Conversion

Color Schemes with #5a5218

Alternatives to #5a5218

#5a5218 Preview

Shades and Tints of #5a5218

Tones of #5a5218

Color Blindness Simulator