#d69a1f hex color

In a RGB color space, hex #d69a1f is composed of 83.9% red, 60.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 85.5% yellow and 16.1% black. It has a hue angle of 40.3 degrees, a saturation of 74.7% and a lightness of 48%. #d69a1f color hex could be obtained by blending #ffff3e with #ad3500. Closest websafe color is: #cc9933.

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

● #d69a1f color description : Strong orange.

The hexadecimal color #d69a1f has RGB values of R:214, G:154, B:31 and CMYK values of C:0, M:0.28, Y:0.86, K:0.16. Its decimal value is 14064159.

Hex triplet	d69a1f	`#d69a1f`
RGB Decimal	214, 154, 31	`rgb(214,154,31)`
RGB Percent	83.9, 60.4, 12.2	`rgb(83.9%,60.4%,12.2%)`
CMYK	0, 28, 86, 16
HSL	40.3°, 74.7, 48	`hsl(40.3,74.7%,48%)`
HSV (or HSB)	40.3°, 85.5, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.657, 12.648, 66.256
XYZ	39.535, 37.509, 6.454
xyY	0.473, 0.449, 37.509
CIE-LCH	67.657, 67.452, 79.193
CIE-LUV	67.657, 49.782, 65.795
Hunter-Lab	61.244, 8.05, 36.623
Binary	11010110, 10011010, 00011111

#d69a1f
```
#d69a1f rgb(214,154,31)
```
#1f5bd6
```
#1f5bd6 rgb(31,91,214)
```

Complementary Color

#d63f1f
```
#d63f1f rgb(214,63,31)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#b7d61f
```
#b7d61f rgb(183,214,31)
```

Analogous Color

#3e1fd6
```
#3e1fd6 rgb(62,31,214)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#1fb7d6
```
#1fb7d6 rgb(31,183,214)
```

Split Complementary Color

#9a1fd6
```
#9a1fd6 rgb(154,31,214)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#1fd69a
```
#1fd69a rgb(31,214,154)
```

Triadic Color

#d61f5b
```
#d61f5b rgb(214,31,91)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#1fd69a
```
#1fd69a rgb(31,214,154)
```
#1f5bd6
```
#1f5bd6 rgb(31,91,214)
```

Tetradic Color

#936a15
```
#936a15 rgb(147,106,21)
```
#a97a19
```
#a97a19 rgb(169,122,25)
```
#c08a1c
```
#c08a1c rgb(192,138,28)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#e1a62e
```
#e1a62e rgb(225,166,46)
```
#e4b044
```
#e4b044 rgb(228,176,68)
```
#e7b95a
```
#e7b95a rgb(231,185,90)
```

Monochromatic Color

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

#d66c1f
```
#d66c1f rgb(214,108,31)
```
#d67c1f
```
#d67c1f rgb(214,124,31)
```
#d68b1f
```
#d68b1f rgb(214,139,31)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#d6a91f
```
#d6a91f rgb(214,169,31)
```
#d6b91f
```
#d6b91f rgb(214,185,31)
```
#d6c81f
```
#d6c81f rgb(214,200,31)
```

Similar Colors

Text with hexadecimal color #d69a1f

This text has a font color of #d69a1f.

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

#d69a1f background color

This paragraph has a background color of #d69a1f.

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

#d69a1f border color

This element has a border color of #d69a1f.

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

CSS codes

.text {color:#d69a1f;}

.background {background-color:#d69a1f;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#1a1204
```
#1a1204 rgb(26,18,4)
```
#2b1f06
```
#2b1f06 rgb(43,31,6)
```
#3c2b09
```
#3c2b09 rgb(60,43,9)
```
#4d370b
```
#4d370b rgb(77,55,11)
```
#5e440e
```
#5e440e rgb(94,68,14)
```
#6f5010
```
#6f5010 rgb(111,80,16)
```
#805c13
```
#805c13 rgb(128,92,19)
```
#916915
```
#916915 rgb(145,105,21)
```
#a37518
```
#a37518 rgb(163,117,24)
```
#b4811a
```
#b4811a rgb(180,129,26)
```
#c58e1d
```
#c58e1d rgb(197,142,29)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```

Shade Color Variation

#e0a429
```
#e0a429 rgb(224,164,41)
```
#e2ab3a
```
#e2ab3a rgb(226,171,58)
```
#e5b24b
```
#e5b24b rgb(229,178,75)
```
#e7ba5c
```
#e7ba5c rgb(231,186,92)
```
#eac16d
```
#eac16d rgb(234,193,109)
```
#ecc87e
```
#ecc87e rgb(236,200,126)
```
#efd08f
```
#efd08f rgb(239,208,143)
```
#f1d7a1
```
#f1d7a1 rgb(241,215,161)
```
#f4deb2
```
#f4deb2 rgb(244,222,178)
```
#f6e5c3
```
#f6e5c3 rgb(246,229,195)
```
#f9edd4
```
#f9edd4 rgb(249,237,212)
```
#fbf4e5
```
#fbf4e5 rgb(251,244,229)
```
#fefbf6
```
#fefbf6 rgb(254,251,246)
```

Tint Color Variation

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

#817d74
```
#817d74 rgb(129,125,116)
```
#8b806a
```
#8b806a rgb(139,128,106)
```
#948361
```
#948361 rgb(148,131,97)
```
#9d8758
```
#9d8758 rgb(157,135,88)
```
#a78a4e
```
#a78a4e rgb(167,138,78)
```
#b08d45
```
#b08d45 rgb(176,141,69)
```
#ba903b
```
#ba903b rgb(186,144,59)
```
#c39432
```
#c39432 rgb(195,148,50)
```
#cd9728
```
#cd9728 rgb(205,151,40)
```
#d69a1f
```
#d69a1f rgb(214,154,31)
```
#df9d16
```
#df9d16 rgb(223,157,22)
```
#e9a00c
```
#e9a00c rgb(233,160,12)
```
#f2a403
```
#f2a403 rgb(242,164,3)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a99d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda92d Protanopia 1% of men
#d3a129 Deuteranopia 1% of men
#df959f Tritanopia 0.001% of the population

Trichromacy

#c6a428 Protanomaly 1% of men, 0.01% of women
#d49e25 Deuteranomaly 6% of men, 0.4% of women
#db9670 Tritanomaly 0.01% of the population

#d69a1f hex color

#d69a1f Color Information

#d69a1f Color Conversion

Color Schemes with #d69a1f

Alternatives to #d69a1f

#d69a1f Preview

Shades and Tints of #d69a1f

Tones of #d69a1f

Color Blindness Simulator