#d69306 hex color

In a RGB color space, hex #d69306 is composed of 83.9% red, 57.6% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 97.2% yellow and 16.1% black. It has a hue angle of 40.7 degrees, a saturation of 94.5% and a lightness of 43.1%. #d69306 color hex could be obtained by blending #ffff0c with #ad2700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 84
- G 58
- B 2
RGB color chart
- C 0
- M 31
- Y 97
- K 16
CMYK color chart

● #d69306 color description : Strong orange.

The hexadecimal color #d69306 has RGB values of R:214, G:147, B:6 and CMYK values of C:0, M:0.31, Y:0.97, K:0.16. Its decimal value is 14062342.

Hex triplet	d69306	`#d69306`
RGB Decimal	214, 147, 6	`rgb(214,147,6)`
RGB Percent	83.9, 57.6, 2.4	`rgb(83.9%,57.6%,2.4%)`
CMYK	0, 31, 97, 16
HSL	40.7°, 94.5, 43.1	`hsl(40.7,94.5%,43.1%)`
HSV (or HSB)	40.7°, 97.2, 83.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	65.888, 16.019, 69.802
XYZ	38.199, 35.179, 4.951
xyY	0.488, 0.449, 35.179
CIE-LCH	65.888, 71.617, 77.075
CIE-LUV	65.888, 55.904, 65.828
Hunter-Lab	59.312, 11.164, 36.57
Binary	11010110, 10010011, 00000110

#d69306
```
#d69306 rgb(214,147,6)
```
#0649d6
```
#0649d6 rgb(6,73,214)
```

Complementary Color

#d62b06
```
#d62b06 rgb(214,43,6)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#b1d606
```
#b1d606 rgb(177,214,6)
```

Analogous Color

#2b06d6
```
#2b06d6 rgb(43,6,214)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#06b1d6
```
#06b1d6 rgb(6,177,214)
```

Split Complementary Color

#9306d6
```
#9306d6 rgb(147,6,214)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#06d693
```
#06d693 rgb(6,214,147)
```

Triadic Color

#d60649
```
#d60649 rgb(214,6,73)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#06d693
```
#06d693 rgb(6,214,147)
```
#0649d6
```
#0649d6 rgb(6,73,214)
```

Tetradic Color

#8c6004
```
#8c6004 rgb(140,96,4)
```
#a47105
```
#a47105 rgb(164,113,5)
```
#bd8205
```
#bd8205 rgb(189,130,5)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#efa407
```
#efa407 rgb(239,164,7)
```
#f8b017
```
#f8b017 rgb(248,176,23)
```
#f9b82f
```
#f9b82f rgb(249,184,47)
```

Monochromatic Color

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

#d65f06
```
#d65f06 rgb(214,95,6)
```
#d67006
```
#d67006 rgb(214,112,6)
```
#d68206
```
#d68206 rgb(214,130,6)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#d6a406
```
#d6a406 rgb(214,164,6)
```
#d6b606
```
#d6b606 rgb(214,182,6)
```
#d6c706
```
#d6c706 rgb(214,199,6)
```

Similar Colors

Text with hexadecimal color #d69306

This text has a font color of #d69306.

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

#d69306 background color

This paragraph has a background color of #d69306.

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

#d69306 border color

This element has a border color of #d69306.

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

CSS codes

.text {color:#d69306;}

.background {background-color:#d69306;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171001
```
#171001 rgb(23,16,1)
```
#2a1d01
```
#2a1d01 rgb(42,29,1)
```
#3d2a02
```
#3d2a02 rgb(61,42,2)
```
#503702
```
#503702 rgb(80,55,2)
```
#644403
```
#644403 rgb(100,68,3)
```
#775103
```
#775103 rgb(119,81,3)
```
#8a5f04
```
#8a5f04 rgb(138,95,4)
```
#9d6c04
```
#9d6c04 rgb(157,108,4)
```
#b07905
```
#b07905 rgb(176,121,5)
```
#c38605
```
#c38605 rgb(195,134,5)
```
#d69306
```
#d69306 rgb(214,147,6)
```
#e9a007
```
#e9a007 rgb(233,160,7)
```

Shade Color Variation

#f8ac0b
```
#f8ac0b rgb(248,172,11)
```
#f9b21e
```
#f9b21e rgb(249,178,30)
```
#f9b931
```
#f9b931 rgb(249,185,49)
```
#fabf44
```
#fabf44 rgb(250,191,68)
```
#fac657
```
#fac657 rgb(250,198,87)
```
#fbcc6a
```
#fbcc6a rgb(251,204,106)
```
#fbd37e
```
#fbd37e rgb(251,211,126)
```
#fcd991
```
#fcd991 rgb(252,217,145)
```
#fce0a4
```
#fce0a4 rgb(252,224,164)
```
#fde6b7
```
#fde6b7 rgb(253,230,183)
```
#feedca
```
#feedca rgb(254,237,202)
```
#fef3dd
```
#fef3dd rgb(254,243,221)
```
#fffaf0
```
#fffaf0 rgb(255,250,240)
```

Tint Color Variation

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

#706f6c
```
#706f6c rgb(112,111,108)
```
#797263
```
#797263 rgb(121,114,99)
```
#81755b
```
#81755b rgb(129,117,91)
```
#8a7852
```
#8a7852 rgb(138,120,82)
```
#927b4a
```
#927b4a rgb(146,123,74)
```
#9b7e41
```
#9b7e41 rgb(155,126,65)
```
#a38139
```
#a38139 rgb(163,129,57)
```
#ac8430
```
#ac8430 rgb(172,132,48)
```
#b48728
```
#b48728 rgb(180,135,40)
```
#bd8a1f
```
#bd8a1f rgb(189,138,31)
```
#c58d17
```
#c58d17 rgb(197,141,23)
```
#ce900e
```
#ce900e rgb(206,144,14)
```
#d69306
```
#d69306 rgb(214,147,6)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a4967a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a517 Protanopia 1% of men
#ce9d00 Deuteranopia 1% of men
#de8e98 Tritanopia 0.001% of the population

Trichromacy

#c39e11 Protanomaly 1% of men, 0.01% of women
#d19902 Deuteranomaly 6% of men, 0.4% of women
#db9063 Tritanomaly 0.01% of the population

#d69306 hex color

#d69306 Color Information

#d69306 Color Conversion

Color Schemes with #d69306

Alternatives to #d69306

#d69306 Preview

Shades and Tints of #d69306

Tones of #d69306

Color Blindness Simulator