#574f20 hex color

In a RGB color space, hex #574f20 is composed of 34.1% red, 31% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.2% magenta, 63.2% yellow and 65.9% black. It has a hue angle of 51.3 degrees, a saturation of 46.2% and a lightness of 23.3%. #574f20 color hex could be obtained by blending #ae9e40 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 34
- G 31
- B 13
RGB color chart
- C 0
- M 9
- Y 63
- K 66
CMYK color chart

● #574f20 color description : Very dark yellow [Olive tone].

The hexadecimal color #574f20 has RGB values of R:87, G:79, B:32 and CMYK values of C:0, M:0.09, Y:0.63, K:0.66. Its decimal value is 5721888.

Hex triplet	574f20	`#574f20`
RGB Decimal	87, 79, 32	`rgb(87,79,32)`
RGB Percent	34.1, 31, 12.5	`rgb(34.1%,31%,12.5%)`
CMYK	0, 9, 63, 66
HSL	51.3°, 46.2, 23.3	`hsl(51.3,46.2%,23.3%)`
HSV (or HSB)	51.3°, 63.2, 34.1
Web Safe	666633	`#666633`

CIE-LAB	33.399, -3.469, 28.409
XYZ	6.987, 7.723, 2.489
xyY	0.406, 0.449, 7.723
CIE-LCH	33.399, 28.62, 96.963
CIE-LUV	33.399, 7.236, 28.266
Hunter-Lab	27.79, -3.752, 14.142
Binary	01010111, 01001111, 00100000

#574f20
```
#574f20 rgb(87,79,32)
```
#202857
```
#202857 rgb(32,40,87)
```

Complementary Color

#573420
```
#573420 rgb(87,52,32)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#435720
```
#435720 rgb(67,87,32)
```

Analogous Color

#342057
```
#342057 rgb(52,32,87)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#204357
```
#204357 rgb(32,67,87)
```

Split Complementary Color

#4f2057
```
#4f2057 rgb(79,32,87)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#20574f
```
#20574f rgb(32,87,79)
```

Triadic Color

#572028
```
#572028 rgb(87,32,40)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#20574f
```
#20574f rgb(32,87,79)
```
#202857
```
#202857 rgb(32,40,87)
```

Tetradic Color

#1f1c0b
```
#1f1c0b rgb(31,28,11)
```
#322d12
```
#322d12 rgb(50,45,18)
```
#443e19
```
#443e19 rgb(68,62,25)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#6a6027
```
#6a6027 rgb(106,96,39)
```
#7c712e
```
#7c712e rgb(124,113,46)
```
#8f8235
```
#8f8235 rgb(143,130,53)
```

Monochromatic Color

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

#574120
```
#574120 rgb(87,65,32)
```
#574620
```
#574620 rgb(87,70,32)
```
#574a20
```
#574a20 rgb(87,74,32)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#575420
```
#575420 rgb(87,84,32)
```
#565720
```
#565720 rgb(86,87,32)
```
#515720
```
#515720 rgb(81,87,32)
```

Similar Colors

Text with hexadecimal color #574f20

This text has a font color of #574f20.

<span style="color:#574f20;">Text here</span>

#574f20 background color

This paragraph has a background color of #574f20.

<p style="background-color:#574f20;">Content here</p>

#574f20 border color

This element has a border color of #574f20.

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

CSS codes

.text {color:#574f20;}

.background {background-color:#574f20;}

.border {border:1px solid #574f20;}

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0e06
```
#0f0e06 rgb(15,14,6)
```
#1e1b0b
```
#1e1b0b rgb(30,27,11)
```
#2c2810
```
#2c2810 rgb(44,40,16)
```
#3a3515
```
#3a3515 rgb(58,53,21)
```
#49421b
```
#49421b rgb(73,66,27)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#655c25
```
#655c25 rgb(101,92,37)
```
#74692b
```
#74692b rgb(116,105,43)
```
#827630
```
#827630 rgb(130,118,48)
```
#908335
```
#908335 rgb(144,131,53)
```
#9f903a
```
#9f903a rgb(159,144,58)
```
#ad9d40
```
#ad9d40 rgb(173,157,64)
```

Shade Color Variation

#bbaa46
```
#bbaa46 rgb(187,170,70)
```
#c0b054
```
#c0b054 rgb(192,176,84)
```
#c5b762
```
#c5b762 rgb(197,183,98)
```
#cbbe71
```
#cbbe71 rgb(203,190,113)
```
#d0c47f
```
#d0c47f rgb(208,196,127)
```
#d5cb8d
```
#d5cb8d rgb(213,203,141)
```
#dad19c
```
#dad19c rgb(218,209,156)
```
#e0d8aa
```
#e0d8aa rgb(224,216,170)
```
#e5deb8
```
#e5deb8 rgb(229,222,184)
```
#eae5c7
```
#eae5c7 rgb(234,229,199)
```
#f0ecd5
```
#f0ecd5 rgb(240,236,213)
```
#f5f2e3
```
#f5f2e3 rgb(245,242,227)
```
#faf9f2
```
#faf9f2 rgb(250,249,242)
```

Tint Color Variation

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

#3c3c3b
```
#3c3c3b rgb(60,60,59)
```
#403f37
```
#403f37 rgb(64,63,55)
```
#454232
```
#454232 rgb(69,66,50)
```
#49452e
```
#49452e rgb(73,69,46)
```
#4e4929
```
#4e4929 rgb(78,73,41)
```
#524c25
```
#524c25 rgb(82,76,37)
```
#574f20
```
#574f20 rgb(87,79,32)
```
#5c521b
```
#5c521b rgb(92,82,27)
```
#605517
```
#605517 rgb(96,85,23)
```
#655912
```
#655912 rgb(101,89,18)
```
#695c0e
```
#695c0e rgb(105,92,14)
```
#6e5f09
```
#6e5f09 rgb(110,95,9)
```
#726205
```
#726205 rgb(114,98,5)
```

Tone Color Variation

Below, you can see how #574f20 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

#4c4c4c Achromatopsia 0.005% of the population
#4e4d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60572b Protanopia 1% of men
#6b532d Deuteranopia 1% of men
#645359 Tritanopia 0.001% of the population

Trichromacy

#5d5427 Protanomaly 1% of men, 0.01% of women
#635228 Deuteranomaly 6% of men, 0.4% of women
#5f5144 Tritanomaly 0.01% of the population

#574f20 hex color

#574f20 Color Information

#574f20 Color Conversion

Color Schemes with #574f20

Alternatives to #574f20

#574f20 Preview

Shades and Tints of #574f20

Tones of #574f20

Color Blindness Simulator