#d69a57 hex color

In a RGB color space, hex #d69a57 is composed of 83.9% red, 60.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 59.3% yellow and 16.1% black. It has a hue angle of 31.7 degrees, a saturation of 60.8% and a lightness of 59%. #d69a57 color hex could be obtained by blending #ffffae with #ad3500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 60
- B 34
RGB color chart
- C 0
- M 28
- Y 59
- K 16
CMYK color chart

● #d69a57 color description : Moderate orange.

The hexadecimal color #d69a57 has RGB values of R:214, G:154, B:87 and CMYK values of C:0, M:0.28, Y:0.59, K:0.16. Its decimal value is 14064215.

Hex triplet	d69a57	`#d69a57`
RGB Decimal	214, 154, 87	`rgb(214,154,87)`
RGB Percent	83.9, 60.4, 34.1	`rgb(83.9%,60.4%,34.1%)`
CMYK	0, 28, 59, 16
HSL	31.7°, 60.8, 59	`hsl(31.7,60.8%,59%)`
HSV (or HSB)	31.7°, 59.3, 83.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.093, 15.348, 43.54
XYZ	41.008, 38.098, 14.21
xyY	0.439, 0.408, 38.098
CIE-LCH	68.093, 46.165, 70.582
CIE-LUV	68.093, 46.518, 48.74
Hunter-Lab	61.723, 10.577, 29.556
Binary	11010110, 10011010, 01010111

#d69a57
```
#d69a57 rgb(214,154,87)
```
#5793d6
```
#5793d6 rgb(87,147,214)
```

Complementary Color

#d65a57
```
#d65a57 rgb(214,90,87)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#d3d657
```
#d3d657 rgb(211,214,87)
```

Analogous Color

#5a57d6
```
#5a57d6 rgb(90,87,214)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#57d3d6
```
#57d3d6 rgb(87,211,214)
```

Split Complementary Color

#9a57d6
```
#9a57d6 rgb(154,87,214)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#57d69a
```
#57d69a rgb(87,214,154)
```

Triadic Color

#d65793
```
#d65793 rgb(214,87,147)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#57d69a
```
#57d69a rgb(87,214,154)
```
#5793d6
```
#5793d6 rgb(87,147,214)
```

Tetradic Color

#b4742c
```
#b4742c rgb(180,116,44)
```
#c98131
```
#c98131 rgb(201,129,49)
```
#d18e43
```
#d18e43 rgb(209,142,67)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#dba66b
```
#dba66b rgb(219,166,107)
```
#e0b380
```
#e0b380 rgb(224,179,128)
```
#e5bf94
```
#e5bf94 rgb(229,191,148)
```

Monochromatic Color

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

#d67a57
```
#d67a57 rgb(214,122,87)
```
#d68557
```
#d68557 rgb(214,133,87)
```
#d68f57
```
#d68f57 rgb(214,143,87)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#d6a557
```
#d6a557 rgb(214,165,87)
```
#d6af57
```
#d6af57 rgb(214,175,87)
```
#d6ba57
```
#d6ba57 rgb(214,186,87)
```

Similar Colors

Text with hexadecimal color #d69a57

This text has a font color of #d69a57.

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

#d69a57 background color

This paragraph has a background color of #d69a57.

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

#d69a57 border color

This element has a border color of #d69a57.

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

CSS codes

.text {color:#d69a57;}

.background {background-color:#d69a57;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150e05
```
#150e05 rgb(21,14,5)
```
#251809
```
#251809 rgb(37,24,9)
```
#35220d
```
#35220d rgb(53,34,13)
```
#452c11
```
#452c11 rgb(69,44,17)
```
#543615
```
#543615 rgb(84,54,21)
```
#644018
```
#644018 rgb(100,64,24)
```
#744a1c
```
#744a1c rgb(116,74,28)
```
#845520
```
#845520 rgb(132,85,32)
```
#935f24
```
#935f24 rgb(147,95,36)
```
#a36928
```
#a36928 rgb(163,105,40)
```
#b3732c
```
#b3732c rgb(179,115,44)
```
#c37d30
```
#c37d30 rgb(195,125,48)
```

Shade Color Variation

#ce8737
```
#ce8737 rgb(206,135,55)
```
#d29147
```
#d29147 rgb(210,145,71)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#daa367
```
#daa367 rgb(218,163,103)
```
#dead77
```
#dead77 rgb(222,173,119)
```
#e2b686
```
#e2b686 rgb(226,182,134)
```
#e5c096
```
#e5c096 rgb(229,192,150)
```
#e9c9a6
```
#e9c9a6 rgb(233,201,166)
```
#edd3b6
```
#edd3b6 rgb(237,211,182)
```
#f1dcc5
```
#f1dcc5 rgb(241,220,197)
```
#f5e6d5
```
#f5e6d5 rgb(245,230,213)
```
#f9efe5
```
#f9efe5 rgb(249,239,229)
```
#fcf9f5
```
#fcf9f5 rgb(252,249,245)
```

Tint Color Variation

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

#9e978f
```
#9e978f rgb(158,151,143)
```
#a69787
```
#a69787 rgb(166,151,135)
```
#ae987f
```
#ae987f rgb(174,152,127)
```
#b69877
```
#b69877 rgb(182,152,119)
```
#be996f
```
#be996f rgb(190,153,111)
```
#c69967
```
#c69967 rgb(198,153,103)
```
#ce9a5f
```
#ce9a5f rgb(206,154,95)
```
#d69a57
```
#d69a57 rgb(214,154,87)
```
#de9a4f
```
#de9a4f rgb(222,154,79)
```
#e69b47
```
#e69b47 rgb(230,155,71)
```
#ee9b3f
```
#ee9b3f rgb(238,155,63)
```
#f69c37
```
#f69c37 rgb(246,156,55)
```
#fe9c2f
```
#fe9c2f rgb(254,156,47)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aea295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaa63 Protanopia 1% of men
#cfa35e Deuteranopia 1% of men
#dd97a1 Tritanopia 0.001% of the population

Trichromacy

#c4a45e Protanomaly 1% of men, 0.01% of women
#d19f5b Deuteranomaly 6% of men, 0.4% of women
#da9886 Tritanomaly 0.01% of the population

#d69a57 hex color

#d69a57 Color Information

#d69a57 Color Conversion

Color Schemes with #d69a57

Alternatives to #d69a57

#d69a57 Preview

Shades and Tints of #d69a57

Tones of #d69a57

Color Blindness Simulator