#d69a2f hex color

In a RGB color space, hex #d69a2f is composed of 83.9% red, 60.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 78% yellow and 16.1% black. It has a hue angle of 38.4 degrees, a saturation of 67.1% and a lightness of 51.2%. #d69a2f color hex could be obtained by blending #ffff5e with #ad3500. Closest websafe color is: #cc9933.

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

● #d69a2f color description : Strong orange.

The hexadecimal color #d69a2f has RGB values of R:214, G:154, B:47 and CMYK values of C:0, M:0.28, Y:0.78, K:0.16. Its decimal value is 14064175.

Hex triplet	d69a2f	`#d69a2f`
RGB Decimal	214, 154, 47	`rgb(214,154,47)`
RGB Percent	83.9, 60.4, 18.4	`rgb(83.9%,60.4%,18.4%)`
CMYK	0, 28, 78, 16
HSL	38.4°, 67.1, 51.2	`hsl(38.4,67.1%,51.2%)`
HSV (or HSB)	38.4°, 78, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.736, 13.142, 61.12
XYZ	39.801, 37.615, 7.853
xyY	0.467, 0.441, 37.615
CIE-LCH	67.736, 62.517, 77.865
CIE-LUV	67.736, 49.169, 62.597
Hunter-Lab	61.331, 8.509, 35.34
Binary	11010110, 10011010, 00101111

#d69a2f
```
#d69a2f rgb(214,154,47)
```
#2f6bd6
```
#2f6bd6 rgb(47,107,214)
```

Complementary Color

#d6462f
```
#d6462f rgb(214,70,47)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#bfd62f
```
#bfd62f rgb(191,214,47)
```

Analogous Color

#462fd6
```
#462fd6 rgb(70,47,214)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#2fbfd6
```
#2fbfd6 rgb(47,191,214)
```

Split Complementary Color

#9a2fd6
```
#9a2fd6 rgb(154,47,214)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#2fd69a
```
#2fd69a rgb(47,214,154)
```

Triadic Color

#d62f6b
```
#d62f6b rgb(214,47,107)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#2fd69a
```
#2fd69a rgb(47,214,154)
```
#2f6bd6
```
#2f6bd6 rgb(47,107,214)
```

Tetradic Color

#9a6e1e
```
#9a6e1e rgb(154,110,30)
```
#af7d23
```
#af7d23 rgb(175,125,35)
```
#c58c27
```
#c58c27 rgb(197,140,39)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#daa444
```
#daa444 rgb(218,164,68)
```
#deaf5a
```
#deaf5a rgb(222,175,90)
```
#e3b96f
```
#e3b96f rgb(227,185,111)
```

Monochromatic Color

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

#d6702f
```
#d6702f rgb(214,112,47)
```
#d67e2f
```
#d67e2f rgb(214,126,47)
```
#d68c2f
```
#d68c2f rgb(214,140,47)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#d6a82f
```
#d6a82f rgb(214,168,47)
```
#d6b62f
```
#d6b62f rgb(214,182,47)
```
#d6c42f
```
#d6c42f rgb(214,196,47)
```

Similar Colors

Text with hexadecimal color #d69a2f

This text has a font color of #d69a2f.

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

#d69a2f background color

This paragraph has a background color of #d69a2f.

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

#d69a2f border color

This element has a border color of #d69a2f.

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

CSS codes

.text {color:#d69a2f;}

.background {background-color:#d69a2f;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#150f04
```
#150f04 rgb(21,15,4)
```
#261b07
```
#261b07 rgb(38,27,7)
```
#36270b
```
#36270b rgb(54,39,11)
```
#47320e
```
#47320e rgb(71,50,14)
```
#573e11
```
#573e11 rgb(87,62,17)
```
#674a14
```
#674a14 rgb(103,74,20)
```
#785518
```
#785518 rgb(120,85,24)
```
#88611b
```
#88611b rgb(136,97,27)
```
#986c1e
```
#986c1e rgb(152,108,30)
```
#a97821
```
#a97821 rgb(169,120,33)
```
#b98425
```
#b98425 rgb(185,132,37)
```
#ca8f28
```
#ca8f28 rgb(202,143,40)
```

Shade Color Variation

#d69a2f
```
#d69a2f rgb(214,154,47)
```
#d9a23f
```
#d9a23f rgb(217,162,63)
```
#dcaa50
```
#dcaa50 rgb(220,170,80)
```
#e0b260
```
#e0b260 rgb(224,178,96)
```
#e3ba71
```
#e3ba71 rgb(227,186,113)
```
#e6c281
```
#e6c281 rgb(230,194,129)
```
#e9ca91
```
#e9ca91 rgb(233,202,145)
```
#edd2a2
```
#edd2a2 rgb(237,210,162)
```
#f0dab2
```
#f0dab2 rgb(240,218,178)
```
#f3e2c2
```
#f3e2c2 rgb(243,226,194)
```
#f6ead3
```
#f6ead3 rgb(246,234,211)
```
#faf2e3
```
#faf2e3 rgb(250,242,227)
```
#fdf9f4
```
#fdf9f4 rgb(253,249,244)
```

Tint Color Variation

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

#89847c
```
#89847c rgb(137,132,124)
```
#938772
```
#938772 rgb(147,135,114)
```
#9d8a68
```
#9d8a68 rgb(157,138,104)
```
#a68d5f
```
#a68d5f rgb(166,141,95)
```
#b08f55
```
#b08f55 rgb(176,143,85)
```
#b9924c
```
#b9924c rgb(185,146,76)
```
#c39542
```
#c39542 rgb(195,149,66)
```
#cc9739
```
#cc9739 rgb(204,151,57)
```
#d69a2f
```
#d69a2f rgb(214,154,47)
```
#e09d25
```
#e09d25 rgb(224,157,37)
```
#e99f1c
```
#e99f1c rgb(233,159,28)
```
#f3a212
```
#f3a212 rgb(243,162,18)
```
#fca509
```
#fca509 rgb(252,165,9)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#ab9f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda93c Protanopia 1% of men
#d2a138 Deuteranopia 1% of men
#de959f Tritanopia 0.001% of the population

Trichromacy

#c6a437 Protanomaly 1% of men, 0.01% of women
#d39e35 Deuteranomaly 6% of men, 0.4% of women
#db9776 Tritanomaly 0.01% of the population

#d69a2f hex color

#d69a2f Color Information

#d69a2f Color Conversion

Color Schemes with #d69a2f

Alternatives to #d69a2f

#d69a2f Preview

Shades and Tints of #d69a2f

Tones of #d69a2f

Color Blindness Simulator