#d69e2a hex color

In a RGB color space, hex #d69e2a is composed of 83.9% red, 62% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.2% magenta, 80.4% yellow and 16.1% black. It has a hue angle of 40.5 degrees, a saturation of 67.7% and a lightness of 50.2%. #d69e2a color hex could be obtained by blending #ffff54 with #ad3d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 62
- B 16
RGB color chart
- C 0
- M 26
- Y 80
- K 16
CMYK color chart

● #d69e2a color description : Strong orange.

The hexadecimal color #d69e2a has RGB values of R:214, G:158, B:42 and CMYK values of C:0, M:0.26, Y:0.8, K:0.16. Its decimal value is 14065194.

Hex triplet	d69e2a	`#d69e2a`
RGB Decimal	214, 158, 42	`rgb(214,158,42)`
RGB Percent	83.9, 62, 16.5	`rgb(83.9%,62%,16.5%)`
CMYK	0, 26, 80, 16
HSL	40.5°, 67.7, 50.2	`hsl(40.5,67.7%,50.2%)`
HSV (or HSB)	40.5°, 80.4, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.693, 10.813, 63.762
XYZ	40.377, 38.919, 7.576
xyY	0.465, 0.448, 38.919
CIE-LCH	68.693, 64.672, 80.375
CIE-LUV	68.693, 46.282, 65.308
Hunter-Lab	62.385, 6.355, 36.47
Binary	11010110, 10011110, 00101010

#d69e2a
```
#d69e2a rgb(214,158,42)
```
#2a62d6
```
#2a62d6 rgb(42,98,214)
```

Complementary Color

#d6482a
```
#d6482a rgb(214,72,42)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#b8d62a
```
#b8d62a rgb(184,214,42)
```

Analogous Color

#482ad6
```
#482ad6 rgb(72,42,214)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#2ab8d6
```
#2ab8d6 rgb(42,184,214)
```

Split Complementary Color

#9e2ad6
```
#9e2ad6 rgb(158,42,214)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#2ad69e
```
#2ad69e rgb(42,214,158)
```

Triadic Color

#d62a62
```
#d62a62 rgb(214,42,98)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#2ad69e
```
#2ad69e rgb(42,214,158)
```
#2a62d6
```
#2a62d6 rgb(42,98,214)
```

Tetradic Color

#976f1d
```
#976f1d rgb(151,111,29)
```
#ac7f21
```
#ac7f21 rgb(172,127,33)
```
#c18e25
```
#c18e25 rgb(193,142,37)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#daa83f
```
#daa83f rgb(218,168,63)
```
#deb155
```
#deb155 rgb(222,177,85)
```
#e2bb6a
```
#e2bb6a rgb(226,187,106)
```

Monochromatic Color

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

#d6732a
```
#d6732a rgb(214,115,42)
```
#d6812a
```
#d6812a rgb(214,129,42)
```
#d6902a
```
#d6902a rgb(214,144,42)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#d6ac2a
```
#d6ac2a rgb(214,172,42)
```
#d6bb2a
```
#d6bb2a rgb(214,187,42)
```
#d6c92a
```
#d6c92a rgb(214,201,42)
```

Similar Colors

Text with hexadecimal color #d69e2a

This text has a font color of #d69e2a.

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

#d69e2a background color

This paragraph has a background color of #d69e2a.

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

#d69e2a border color

This element has a border color of #d69e2a.

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

CSS codes

.text {color:#d69e2a;}

.background {background-color:#d69e2a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110d03
```
#110d03 rgb(17,13,3)
```
#221906
```
#221906 rgb(34,25,6)
```
#32250a
```
#32250a rgb(50,37,10)
```
#43310d
```
#43310d rgb(67,49,13)
```
#533d10
```
#533d10 rgb(83,61,16)
```
#644913
```
#644913 rgb(100,73,19)
```
#745516
```
#745516 rgb(116,85,22)
```
#846219
```
#846219 rgb(132,98,25)
```
#956e1d
```
#956e1d rgb(149,110,29)
```
#a57a20
```
#a57a20 rgb(165,122,32)
```
#b68623
```
#b68623 rgb(182,134,35)
```
#c69226
```
#c69226 rgb(198,146,38)
```

Shade Color Variation

#d69e2a
```
#d69e2a rgb(214,158,42)
```
#d9a53a
```
#d9a53a rgb(217,165,58)
```
#dcad4b
```
#dcad4b rgb(220,173,75)
```
#dfb45b
```
#dfb45b rgb(223,180,91)
```
#e3bc6c
```
#e3bc6c rgb(227,188,108)
```
#e6c37c
```
#e6c37c rgb(230,195,124)
```
#e9cb8d
```
#e9cb8d rgb(233,203,141)
```
#ecd29d
```
#ecd29d rgb(236,210,157)
```
#efdaae
```
#efdaae rgb(239,218,174)
```
#f2e1be
```
#f2e1be rgb(242,225,190)
```
#f6e9ce
```
#f6e9ce rgb(246,233,206)
```
#f9f0df
```
#f9f0df rgb(249,240,223)
```
#fcf8ef
```
#fcf8ef rgb(252,248,239)
```

Tint Color Variation

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

#888378
```
#888378 rgb(136,131,120)
```
#92866e
```
#92866e rgb(146,134,110)
```
#9b8a65
```
#9b8a65 rgb(155,138,101)
```
#a58d5b
```
#a58d5b rgb(165,141,91)
```
#af9051
```
#af9051 rgb(175,144,81)
```
#b99447
```
#b99447 rgb(185,148,71)
```
#c2973e
```
#c2973e rgb(194,151,62)
```
#cc9b34
```
#cc9b34 rgb(204,155,52)
```
#d69e2a
```
#d69e2a rgb(214,158,42)
```
#e0a120
```
#e0a120 rgb(224,161,32)
```
#eaa516
```
#eaa516 rgb(234,165,22)
```
#f3a80d
```
#f3a80d rgb(243,168,13)
```
#fdac03
```
#fdac03 rgb(253,172,3)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#aca18a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac37 Protanopia 1% of men
#d6a334 Deuteranopia 1% of men
#df98a3 Tritanopia 0.001% of the population

Trichromacy

#c8a732 Protanomaly 1% of men, 0.01% of women
#d6a130 Deuteranomaly 6% of men, 0.4% of women
#dc9a77 Tritanomaly 0.01% of the population

#d69e2a hex color

#d69e2a Color Information

#d69e2a Color Conversion

Color Schemes with #d69e2a

Alternatives to #d69e2a

#d69e2a Preview

Shades and Tints of #d69e2a

Tones of #d69e2a

Color Blindness Simulator