#5a551f hex color

In a RGB color space, hex #5a551f is composed of 35.3% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.6% magenta, 65.6% yellow and 64.7% black. It has a hue angle of 54.9 degrees, a saturation of 48.8% and a lightness of 23.7%. #5a551f color hex could be obtained by blending #b4aa3e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 33
- B 12
RGB color chart
- C 0
- M 6
- Y 66
- K 65
CMYK color chart

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

The hexadecimal color #5a551f has RGB values of R:90, G:85, B:31 and CMYK values of C:0, M:0.06, Y:0.66, K:0.65. Its decimal value is 5920031.

Hex triplet	5a551f	`#5a551f`
RGB Decimal	90, 85, 31	`rgb(90,85,31)`
RGB Percent	35.3, 33.3, 12.2	`rgb(35.3%,33.3%,12.2%)`
CMYK	0, 6, 66, 65
HSL	54.9°, 48.8, 23.7	`hsl(54.9,48.8%,23.7%)`
HSV (or HSB)	54.9°, 65.6, 35.3
Web Safe	666633	`#666633`

CIE-LAB	35.537, -5.679, 31.392
XYZ	7.712, 8.77, 2.583
xyY	0.405, 0.46, 8.77
CIE-LCH	35.537, 31.902, 100.255
CIE-LUV	35.537, 5.548, 31.675
Hunter-Lab	29.614, -5.338, 15.559
Binary	01011010, 01010101, 00011111

#5a551f
```
#5a551f rgb(90,85,31)
```
#1f245a
```
#1f245a rgb(31,36,90)
```

Complementary Color

#5a381f
```
#5a381f rgb(90,56,31)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#425a1f
```
#425a1f rgb(66,90,31)
```

Analogous Color

#381f5a
```
#381f5a rgb(56,31,90)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#1f425a
```
#1f425a rgb(31,66,90)
```

Split Complementary Color

#551f5a
```
#551f5a rgb(85,31,90)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#1f5a55
```
#1f5a55 rgb(31,90,85)
```

Triadic Color

#5a1f24
```
#5a1f24 rgb(90,31,36)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#1f5a55
```
#1f5a55 rgb(31,90,85)
```
#1f245a
```
#1f245a rgb(31,36,90)
```

Tetradic Color

#211f0b
```
#211f0b rgb(33,31,11)
```
#343112
```
#343112 rgb(52,49,18)
```
#474318
```
#474318 rgb(71,67,24)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#6d6726
```
#6d6726 rgb(109,103,38)
```
#80792c
```
#80792c rgb(128,121,44)
```
#938b33
```
#938b33 rgb(147,139,51)
```

Monochromatic Color

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

#5a461f
```
#5a461f rgb(90,70,31)
```
#5a4b1f
```
#5a4b1f rgb(90,75,31)
```
#5a501f
```
#5a501f rgb(90,80,31)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#5a5a1f
```
#5a5a1f rgb(90,90,31)
```
#555a1f
```
#555a1f rgb(85,90,31)
```
#505a1f
```
#505a1f rgb(80,90,31)
```

Similar Colors

Text with hexadecimal color #5a551f

This text has a font color of #5a551f.

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

#5a551f background color

This paragraph has a background color of #5a551f.

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

#5a551f border color

This element has a border color of #5a551f.

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

CSS codes

.text {color:#5a551f;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111006
```
#111006 rgb(17,16,6)
```
#201e0b
```
#201e0b rgb(32,30,11)
```
#2e2c10
```
#2e2c10 rgb(46,44,16)
```
#3d3915
```
#3d3915 rgb(61,57,21)
```
#4b471a
```
#4b471a rgb(75,71,26)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#696324
```
#696324 rgb(105,99,36)
```
#777129
```
#777129 rgb(119,113,41)
```
#867e2e
```
#867e2e rgb(134,126,46)
```
#948c33
```
#948c33 rgb(148,140,51)
```
#a39a38
```
#a39a38 rgb(163,154,56)
```
#b2a83d
```
#b2a83d rgb(178,168,61)
```

Shade Color Variation

#bfb444
```
#bfb444 rgb(191,180,68)
```
#c4ba52
```
#c4ba52 rgb(196,186,82)
```
#c9c061
```
#c9c061 rgb(201,192,97)
```
#cec670
```
#cec670 rgb(206,198,112)
```
#d3cb7e
```
#d3cb7e rgb(211,203,126)
```
#d8d18d
```
#d8d18d rgb(216,209,141)
```
#ddd79b
```
#ddd79b rgb(221,215,155)
```
#e2ddaa
```
#e2ddaa rgb(226,221,170)
```
#e7e3b9
```
#e7e3b9 rgb(231,227,185)
```
#ece9c7
```
#ece9c7 rgb(236,233,199)
```
#f1eed6
```
#f1eed6 rgb(241,238,214)
```
#f6f4e4
```
#f6f4e4 rgb(246,244,228)
```
#fbfaf3
```
#fbfaf3 rgb(251,250,243)
```

Tint Color Variation

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

#3e3e3b
```
#3e3e3b rgb(62,62,59)
```
#434236
```
#434236 rgb(67,66,54)
```
#474632
```
#474632 rgb(71,70,50)
```
#4c492d
```
#4c492d rgb(76,73,45)
```
#514d28
```
#514d28 rgb(81,77,40)
```
#555124
```
#555124 rgb(85,81,36)
```
#5a551f
```
#5a551f rgb(90,85,31)
```
#5f591a
```
#5f591a rgb(95,89,26)
```
#635d16
```
#635d16 rgb(99,93,22)
```
#686111
```
#686111 rgb(104,97,17)
```
#6d640c
```
#6d640c rgb(109,100,12)
```
#716808
```
#716808 rgb(113,104,8)
```
#766c03
```
#766c03 rgb(118,108,3)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#525146 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665c2a Protanopia 1% of men
#71582c Deuteranopia 1% of men
#67585e Tritanopia 0.001% of the population

Trichromacy

#615926 Protanomaly 1% of men, 0.01% of women
#685727 Deuteranomaly 6% of men, 0.4% of women
#625747 Tritanomaly 0.01% of the population

#5a551f hex color

#5a551f Color Information

#5a551f Color Conversion

Color Schemes with #5a551f

Alternatives to #5a551f

#5a551f Preview

Shades and Tints of #5a551f

Tones of #5a551f

Color Blindness Simulator