#d69315 hex color

In a RGB color space, hex #d69315 is composed of 83.9% red, 57.6% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 90.2% yellow and 16.1% black. It has a hue angle of 39.2 degrees, a saturation of 82.1% and a lightness of 46.1%. #d69315 color hex could be obtained by blending #ffff2a with #ad2700. Closest websafe color is: #cc9900.

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

● #d69315 color description : Strong orange.

The hexadecimal color #d69315 has RGB values of R:214, G:147, B:21 and CMYK values of C:0, M:0.31, Y:0.9, K:0.16. Its decimal value is 14062357.

Hex triplet	d69315	`#d69315`
RGB Decimal	214, 147, 21	`rgb(214,147,21)`
RGB Percent	83.9, 57.6, 8.2	`rgb(83.9%,57.6%,8.2%)`
CMYK	0, 31, 90, 16
HSL	39.2°, 82.1, 46.1	`hsl(39.2,82.1%,46.1%)`
HSV (or HSB)	39.2°, 90.2, 83.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	65.92, 16.212, 67.352
XYZ	38.302, 35.22, 5.49
xyY	0.485, 0.446, 35.22
CIE-LCH	65.92, 69.276, 76.466
CIE-LUV	65.92, 55.63, 64.53
Hunter-Lab	59.347, 11.345, 36.057
Binary	11010110, 10010011, 00010101

#d69315
```
#d69315 rgb(214,147,21)
```
#1558d6
```
#1558d6 rgb(21,88,214)
```

Complementary Color

#d63315
```
#d63315 rgb(214,51,21)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#b9d615
```
#b9d615 rgb(185,214,21)
```

Analogous Color

#3215d6
```
#3215d6 rgb(50,21,214)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#15b9d6
```
#15b9d6 rgb(21,185,214)
```

Split Complementary Color

#9315d6
```
#9315d6 rgb(147,21,214)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#15d693
```
#15d693 rgb(21,214,147)
```

Triadic Color

#d61558
```
#d61558 rgb(214,21,88)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#15d693
```
#15d693 rgb(21,214,147)
```
#1558d6
```
#1558d6 rgb(21,88,214)
```

Tetradic Color

#90630e
```
#90630e rgb(144,99,14)
```
#a87310
```
#a87310 rgb(168,115,16)
```
#bf8313
```
#bf8313 rgb(191,131,19)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#e9a21c
```
#e9a21c rgb(233,162,28)
```
#ebab33
```
#ebab33 rgb(235,171,51)
```
#edb54a
```
#edb54a rgb(237,181,74)
```

Monochromatic Color

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

#d66315
```
#d66315 rgb(214,99,21)
```
#d67315
```
#d67315 rgb(214,115,21)
```
#d68315
```
#d68315 rgb(214,131,21)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#d6a315
```
#d6a315 rgb(214,163,21)
```
#d6b315
```
#d6b315 rgb(214,179,21)
```
#d6c315
```
#d6c315 rgb(214,195,21)
```

Similar Colors

Text with hexadecimal color #d69315

This text has a font color of #d69315.

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

#d69315 background color

This paragraph has a background color of #d69315.

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

#d69315 border color

This element has a border color of #d69315.

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

CSS codes

.text {color:#d69315;}

.background {background-color:#d69315;}

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

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, #120c02 is the darkest color, while #ffffff is the lightest one.

#120c02
```
#120c02 rgb(18,12,2)
```
#231803
```
#231803 rgb(35,24,3)
```
#352505
```
#352505 rgb(53,37,5)
```
#473107
```
#473107 rgb(71,49,7)
```
#593d09
```
#593d09 rgb(89,61,9)
```
#6b490a
```
#6b490a rgb(107,73,10)
```
#7d560c
```
#7d560c rgb(125,86,12)
```
#8f620e
```
#8f620e rgb(143,98,14)
```
#a06e10
```
#a06e10 rgb(160,110,16)
```
#b27a11
```
#b27a11 rgb(178,122,17)
```
#c48713
```
#c48713 rgb(196,135,19)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#e89f17
```
#e89f17 rgb(232,159,23)
```

Shade Color Variation

#eaa728
```
#eaa728 rgb(234,167,40)
```
#ecae3a
```
#ecae3a rgb(236,174,58)
```
#edb54c
```
#edb54c rgb(237,181,76)
```
#efbd5e
```
#efbd5e rgb(239,189,94)
```
#f1c470
```
#f1c470 rgb(241,196,112)
```
#f3cb82
```
#f3cb82 rgb(243,203,130)
```
#f4d393
```
#f4d393 rgb(244,211,147)
```
#f6daa5
```
#f6daa5 rgb(246,218,165)
```
#f8e1b7
```
#f8e1b7 rgb(248,225,183)
```
#fae9c9
```
#fae9c9 rgb(250,233,201)
```
#fbf0db
```
#fbf0db rgb(251,240,219)
```
#fdf8ed
```
#fdf8ed rgb(253,248,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c776f
```
#7c776f rgb(124,119,111)
```
#857a66
```
#857a66 rgb(133,122,102)
```
#8e7d5d
```
#8e7d5d rgb(142,125,93)
```
#978054
```
#978054 rgb(151,128,84)
```
#a0824b
```
#a0824b rgb(160,130,75)
```
#a98542
```
#a98542 rgb(169,133,66)
```
#b28839
```
#b28839 rgb(178,136,57)
```
#bb8b30
```
#bb8b30 rgb(187,139,48)
```
#c48d27
```
#c48d27 rgb(196,141,39)
```
#cd901e
```
#cd901e rgb(205,144,30)
```
#d69315
```
#d69315 rgb(214,147,21)
```
#df960c
```
#df960c rgb(223,150,12)
```
#e89903
```
#e89903 rgb(232,153,3)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a5987f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a524 Protanopia 1% of men
#ce9d1d Deuteranopia 1% of men
#de8e98 Tritanopia 0.001% of the population

Trichromacy

#c39e1f Protanomaly 1% of men, 0.01% of women
#d1991a Deuteranomaly 6% of men, 0.4% of women
#db9068 Tritanomaly 0.01% of the population

#d69315 hex color

#d69315 Color Information

#d69315 Color Conversion

Color Schemes with #d69315

Alternatives to #d69315

#d69315 Preview

Shades and Tints of #d69315

Tones of #d69315

Color Blindness Simulator