#d69a4f hex color

In a RGB color space, hex #d69a4f is composed of 83.9% red, 60.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 63.1% yellow and 16.1% black. It has a hue angle of 33.3 degrees, a saturation of 62.2% and a lightness of 57.5%. #d69a4f color hex could be obtained by blending #ffff9e with #ad3500. Closest websafe color is: #cc9966.

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

● #d69a4f color description : Moderate orange.

The hexadecimal color #d69a4f has RGB values of R:214, G:154, B:79 and CMYK values of C:0, M:0.28, Y:0.63, K:0.16. Its decimal value is 14064207.

Hex triplet	d69a4f	`#d69a4f`
RGB Decimal	214, 154, 79	`rgb(214,154,79)`
RGB Percent	83.9, 60.4, 31	`rgb(83.9%,60.4%,31%)`
CMYK	0, 28, 63, 16
HSL	33.3°, 62.2, 57.5	`hsl(33.3,62.2%,57.5%)`
HSV (or HSB)	33.3°, 63.1, 83.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.002, 14.789, 47.413
XYZ	40.699, 37.974, 12.583
xyY	0.446, 0.416, 37.974
CIE-LCH	68.002, 49.666, 72.676
CIE-LUV	68.002, 47.176, 52.187
Hunter-Lab	61.623, 10.05, 31.03
Binary	11010110, 10011010, 01001111

#d69a4f
```
#d69a4f rgb(214,154,79)
```
#4f8bd6
```
#4f8bd6 rgb(79,139,214)
```

Complementary Color

#d6574f
```
#d6574f rgb(214,87,79)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#cfd64f
```
#cfd64f rgb(207,214,79)
```

Analogous Color

#574fd6
```
#574fd6 rgb(87,79,214)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#4fcfd6
```
#4fcfd6 rgb(79,207,214)
```

Split Complementary Color

#9a4fd6
```
#9a4fd6 rgb(154,79,214)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#4fd69a
```
#4fd69a rgb(79,214,154)
```

Triadic Color

#d64f8b
```
#d64f8b rgb(214,79,139)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#4fd69a
```
#4fd69a rgb(79,214,154)
```
#4f8bd6
```
#4f8bd6 rgb(79,139,214)
```

Tetradic Color

#b07429
```
#b07429 rgb(176,116,41)
```
#c4812e
```
#c4812e rgb(196,129,46)
```
#d18e3a
```
#d18e3a rgb(209,142,58)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#dba664
```
#dba664 rgb(219,166,100)
```
#e0b278
```
#e0b278 rgb(224,178,120)
```
#e4be8d
```
#e4be8d rgb(228,190,141)
```

Monochromatic Color

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

#d6784f
```
#d6784f rgb(214,120,79)
```
#d6844f
```
#d6844f rgb(214,132,79)
```
#d68f4f
```
#d68f4f rgb(214,143,79)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#d6a54f
```
#d6a54f rgb(214,165,79)
```
#d6b14f
```
#d6b14f rgb(214,177,79)
```
#d6bc4f
```
#d6bc4f rgb(214,188,79)
```

Similar Colors

Text with hexadecimal color #d69a4f

This text has a font color of #d69a4f.

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

#d69a4f background color

This paragraph has a background color of #d69a4f.

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

#d69a4f border color

This element has a border color of #d69a4f.

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

CSS codes

.text {color:#d69a4f;}

.background {background-color:#d69a4f;}

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

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, #0f0a03 is the darkest color, while #fffefe is the lightest one.

#0f0a03
```
#0f0a03 rgb(15,10,3)
```
#1f1407
```
#1f1407 rgb(31,20,7)
```
#2f1f0b
```
#2f1f0b rgb(47,31,11)
```
#3f290f
```
#3f290f rgb(63,41,15)
```
#4f3412
```
#4f3412 rgb(79,52,18)
```
#5e3e16
```
#5e3e16 rgb(94,62,22)
```
#6e491a
```
#6e491a rgb(110,73,26)
```
#7e531d
```
#7e531d rgb(126,83,29)
```
#8e5e21
```
#8e5e21 rgb(142,94,33)
```
#9e6825
```
#9e6825 rgb(158,104,37)
```
#ae7329
```
#ae7329 rgb(174,115,41)
```
#be7d2c
```
#be7d2c rgb(190,125,44)
```
#ce8830
```
#ce8830 rgb(206,136,48)
```

Shade Color Variation

#d2913f
```
#d2913f rgb(210,145,63)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#daa35f
```
#daa35f rgb(218,163,95)
```
#ddac6f
```
#ddac6f rgb(221,172,111)
```
#e1b57f
```
#e1b57f rgb(225,181,127)
```
#e5bf8f
```
#e5bf8f rgb(229,191,143)
```
#e9c89f
```
#e9c89f rgb(233,200,159)
```
#ecd1ae
```
#ecd1ae rgb(236,209,174)
```
#f0dabe
```
#f0dabe rgb(240,218,190)
```
#f4e3ce
```
#f4e3ce rgb(244,227,206)
```
#f7ecde
```
#f7ecde rgb(247,236,222)
```
#fbf5ee
```
#fbf5ee rgb(251,245,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#939392
```
#939392 rgb(147,147,146)
```
#9c9489
```
#9c9489 rgb(156,148,137)
```
#a49481
```
#a49481 rgb(164,148,129)
```
#ac9579
```
#ac9579 rgb(172,149,121)
```
#b59670
```
#b59670 rgb(181,150,112)
```
#bd9768
```
#bd9768 rgb(189,151,104)
```
#c59860
```
#c59860 rgb(197,152,96)
```
#ce9957
```
#ce9957 rgb(206,153,87)
```
#d69a4f
```
#d69a4f rgb(214,154,79)
```
#de9b47
```
#de9b47 rgb(222,155,71)
```
#e79c3e
```
#e79c3e rgb(231,156,62)
```
#ef9d36
```
#ef9d36 rgb(239,157,54)
```
#f79e2e
```
#f79e2e rgb(247,158,46)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#ada192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbaa5b Protanopia 1% of men
#d0a257 Deuteranopia 1% of men
#de96a1 Tritanopia 0.001% of the population

Trichromacy

#c5a457 Protanomaly 1% of men, 0.01% of women
#d29f54 Deuteranomaly 6% of men, 0.4% of women
#db9883 Tritanomaly 0.01% of the population

#d69a4f hex color

#d69a4f Color Information

#d69a4f Color Conversion

Color Schemes with #d69a4f

Alternatives to #d69a4f

#d69a4f Preview

Shades and Tints of #d69a4f

Tones of #d69a4f

Color Blindness Simulator