#574314 hex color

In a RGB color space, hex #574314 is composed of 34.1% red, 26.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 77% yellow and 65.9% black. It has a hue angle of 42.1 degrees, a saturation of 62.6% and a lightness of 21%. #574314 color hex could be obtained by blending #ae8628 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 34
- G 26
- B 8
RGB color chart
- C 0
- M 23
- Y 77
- K 66
CMYK color chart

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

The hexadecimal color #574314 has RGB values of R:87, G:67, B:20 and CMYK values of C:0, M:0.23, Y:0.77, K:0.66. Its decimal value is 5718804.

Hex triplet	574314	`#574314`
RGB Decimal	87, 67, 20	`rgb(87,67,20)`
RGB Percent	34.1, 26.3, 7.8	`rgb(34.1%,26.3%,7.8%)`
CMYK	0, 23, 77, 66
HSL	42.1°, 62.6, 21	`hsl(42.1,62.6%,21%)`
HSV (or HSB)	42.1°, 77, 34.1
Web Safe	663300	`#663300`

CIE-LAB	29.642, 3.06, 30.556
XYZ	6.064, 6.091, 1.518
xyY	0.443, 0.445, 6.091
CIE-LCH	29.642, 30.708, 84.282
CIE-LUV	29.642, 15.41, 26.664
Hunter-Lab	24.681, 0.666, 13.629
Binary	01010111, 01000011, 00010100

#574314
```
#574314 rgb(87,67,20)
```
#142857
```
#142857 rgb(20,40,87)
```

Complementary Color

#572214
```
#572214 rgb(87,34,20)
```
#574314
```
#574314 rgb(87,67,20)
```
#4a5714
```
#4a5714 rgb(74,87,20)
```

Analogous Color

#221457
```
#221457 rgb(34,20,87)
```
#574314
```
#574314 rgb(87,67,20)
```
#144a57
```
#144a57 rgb(20,74,87)
```

Split Complementary Color

#431457
```
#431457 rgb(67,20,87)
```
#574314
```
#574314 rgb(87,67,20)
```
#145743
```
#145743 rgb(20,87,67)
```

Triadic Color

#571428
```
#571428 rgb(87,20,40)
```
#574314
```
#574314 rgb(87,67,20)
```
#145743
```
#145743 rgb(20,87,67)
```
#142857
```
#142857 rgb(20,40,87)
```

Tetradic Color

#191306
```
#191306 rgb(25,19,6)
```
#2e230a
```
#2e230a rgb(46,35,10)
```
#42330f
```
#42330f rgb(66,51,15)
```
#574314
```
#574314 rgb(87,67,20)
```
#6c5319
```
#6c5319 rgb(108,83,25)
```
#80631e
```
#80631e rgb(128,99,30)
```
#957322
```
#957322 rgb(149,115,34)
```

Monochromatic Color

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

#573214
```
#573214 rgb(87,50,20)
```
#573814
```
#573814 rgb(87,56,20)
```
#573d14
```
#573d14 rgb(87,61,20)
```
#574314
```
#574314 rgb(87,67,20)
```
#574914
```
#574914 rgb(87,73,20)
```
#574e14
```
#574e14 rgb(87,78,20)
```
#575414
```
#575414 rgb(87,84,20)
```

Similar Colors

Text with hexadecimal color #574314

This text has a font color of #574314.

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

#574314 background color

This paragraph has a background color of #574314.

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

#574314 border color

This element has a border color of #574314.

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

CSS codes

.text {color:#574314;}

.background {background-color:#574314;}

.border {border:1px solid #574314;}

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

#070602
```
#070602 rgb(7,6,2)
```
#171205
```
#171205 rgb(23,18,5)
```
#271e09
```
#271e09 rgb(39,30,9)
```
#372a0d
```
#372a0d rgb(55,42,13)
```
#473710
```
#473710 rgb(71,55,16)
```
#574314
```
#574314 rgb(87,67,20)
```
#674f18
```
#674f18 rgb(103,79,24)
```
#775c1b
```
#775c1b rgb(119,92,27)
```
#87681f
```
#87681f rgb(135,104,31)
```
#977423
```
#977423 rgb(151,116,35)
```
#a78026
```
#a78026 rgb(167,128,38)
```
#b78d2a
```
#b78d2a rgb(183,141,42)
```
#c7992e
```
#c7992e rgb(199,153,46)
```

Shade Color Variation

#d1a337
```
#d1a337 rgb(209,163,55)
```
#d5aa47
```
#d5aa47 rgb(213,170,71)
```
#d8b257
```
#d8b257 rgb(216,178,87)
```
#dcb967
```
#dcb967 rgb(220,185,103)
```
#e0c077
```
#e0c077 rgb(224,192,119)
```
#e3c887
```
#e3c887 rgb(227,200,135)
```
#e7cf97
```
#e7cf97 rgb(231,207,151)
```
#ebd6a7
```
#ebd6a7 rgb(235,214,167)
```
#eedeb7
```
#eedeb7 rgb(238,222,183)
```
#f2e5c6
```
#f2e5c6 rgb(242,229,198)
```
#f6ecd6
```
#f6ecd6 rgb(246,236,214)
```
#f9f4e6
```
#f9f4e6 rgb(249,244,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#363635
```
#363635 rgb(54,54,53)
```
#3a3731
```
#3a3731 rgb(58,55,49)
```
#3e392d
```
#3e392d rgb(62,57,45)
```
#423b29
```
#423b29 rgb(66,59,41)
```
#473c24
```
#473c24 rgb(71,60,36)
```
#4b3e20
```
#4b3e20 rgb(75,62,32)
```
#4f401c
```
#4f401c rgb(79,64,28)
```
#534118
```
#534118 rgb(83,65,24)
```
#574314
```
#574314 rgb(87,67,20)
```
#5b4510
```
#5b4510 rgb(91,69,16)
```
#5f460c
```
#5f460c rgb(95,70,12)
```
#634808
```
#634808 rgb(99,72,8)
```
#674a04
```
#674a04 rgb(103,74,4)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#48443a Atypical Achromatopsia 0.001% of the population

Dichromacy

#584f21 Protanopia 1% of men
#624b20 Deuteranopia 1% of men
#63484d Tritanopia 0.001% of the population

Trichromacy

#574b1c Protanomaly 1% of men, 0.01% of women
#5e481c Deuteranomaly 6% of men, 0.4% of women
#5e4638 Tritanomaly 0.01% of the population

#574314 hex color

#574314 Color Information

#574314 Color Conversion

Color Schemes with #574314

Alternatives to #574314

#574314 Preview

Shades and Tints of #574314

Tones of #574314

Color Blindness Simulator