#d97514 hex color

In a RGB color space, hex #d97514 is composed of 85.1% red, 45.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 90.8% yellow and 14.9% black. It has a hue angle of 29.5 degrees, a saturation of 83.1% and a lightness of 46.5%. #d97514 color hex could be obtained by blending #ffea28 with #b30000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 85
- G 46
- B 8
RGB color chart
- C 0
- M 46
- Y 91
- K 15
CMYK color chart

● #d97514 color description : Vivid orange.

The hexadecimal color #d97514 has RGB values of R:217, G:117, B:20 and CMYK values of C:0, M:0.46, Y:0.91, K:0.15. Its decimal value is 14251284.

Hex triplet	d97514	`#d97514`
RGB Decimal	217, 117, 20	`rgb(217,117,20)`
RGB Percent	85.1, 45.9, 7.8	`rgb(85.1%,45.9%,7.8%)`
CMYK	0, 46, 91, 15
HSL	29.5°, 83.1, 46.5	`hsl(29.5,83.1%,46.5%)`
HSV (or HSB)	29.5°, 90.8, 85.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	59.46, 33.479, 62.923
XYZ	35.104, 27.528, 4.127
xyY	0.526, 0.412, 27.528
CIE-LCH	59.46, 71.275, 61.984
CIE-LUV	59.46, 82.822, 53.94
Hunter-Lab	52.467, 27.611, 32.064
Binary	11011001, 01110101, 00010100

#d97514
```
#d97514 rgb(217,117,20)
```
#1478d9
```
#1478d9 rgb(20,120,217)
```

Complementary Color

#d91416
```
#d91416 rgb(217,20,22)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#d9d814
```
#d9d814 rgb(217,216,20)
```

Analogous Color

#1416d9
```
#1416d9 rgb(20,22,217)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#14d9d8
```
#14d9d8 rgb(20,217,216)
```

Split Complementary Color

#7514d9
```
#7514d9 rgb(117,20,217)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#14d975
```
#14d975 rgb(20,217,117)
```

Triadic Color

#d91478
```
#d91478 rgb(217,20,120)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#14d975
```
#14d975 rgb(20,217,117)
```
#1478d9
```
#1478d9 rgb(20,120,217)
```

Tetradic Color

#934f0e
```
#934f0e rgb(147,79,14)
```
#aa5c10
```
#aa5c10 rgb(170,92,16)
```
#c26812
```
#c26812 rgb(194,104,18)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#ea821c
```
#ea821c rgb(234,130,28)
```
#ec8f34
```
#ec8f34 rgb(236,143,52)
```
#ee9c4b
```
#ee9c4b rgb(238,156,75)
```

Monochromatic Color

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

#d94414
```
#d94414 rgb(217,68,20)
```
#d95414
```
#d95414 rgb(217,84,20)
```
#d96514
```
#d96514 rgb(217,101,20)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#d98514
```
#d98514 rgb(217,133,20)
```
#d99614
```
#d99614 rgb(217,150,20)
```
#d9a614
```
#d9a614 rgb(217,166,20)
```

Similar Colors

Text with hexadecimal color #d97514

This text has a font color of #d97514.

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

#d97514 background color

This paragraph has a background color of #d97514.

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

#d97514 border color

This element has a border color of #d97514.

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

CSS codes

.text {color:#d97514;}

.background {background-color:#d97514;}

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

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 #fdf6ef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#130a02
```
#130a02 rgb(19,10,2)
```
#251403
```
#251403 rgb(37,20,3)
```
#371e05
```
#371e05 rgb(55,30,5)
```
#492807
```
#492807 rgb(73,40,7)
```
#5b3108
```
#5b3108 rgb(91,49,8)
```
#6d3b0a
```
#6d3b0a rgb(109,59,10)
```
#7f450c
```
#7f450c rgb(127,69,12)
```
#914e0d
```
#914e0d rgb(145,78,13)
```
#a3580f
```
#a3580f rgb(163,88,15)
```
#b56211
```
#b56211 rgb(181,98,17)
```
#c76b12
```
#c76b12 rgb(199,107,18)
```
#d97514
```
#d97514 rgb(217,117,20)
```

Shade Color Variation

#ea7f17
```
#ea7f17 rgb(234,127,23)
```
#eb8929
```
#eb8929 rgb(235,137,41)
```
#ed933b
```
#ed933b rgb(237,147,59)
```
#ef9c4d
```
#ef9c4d rgb(239,156,77)
```
#f0a65f
```
#f0a65f rgb(240,166,95)
```
#f2b071
```
#f2b071 rgb(242,176,113)
```
#f4ba83
```
#f4ba83 rgb(244,186,131)
```
#f5c495
```
#f5c495 rgb(245,196,149)
```
#f7cea7
```
#f7cea7 rgb(247,206,167)
```
#f9d8b9
```
#f9d8b9 rgb(249,216,185)
```
#fae2cb
```
#fae2cb rgb(250,226,203)
```
#fcecdd
```
#fcecdd rgb(252,236,221)
```
#fdf6ef
```
#fdf6ef rgb(253,246,239)
```

Tint Color Variation

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

#7e766f
```
#7e766f rgb(126,118,111)
```
#877666
```
#877666 rgb(135,118,102)
```
#90765d
```
#90765d rgb(144,118,93)
```
#997654
```
#997654 rgb(153,118,84)
```
#a2764b
```
#a2764b rgb(162,118,75)
```
#ab7642
```
#ab7642 rgb(171,118,66)
```
#b57638
```
#b57638 rgb(181,118,56)
```
#be752f
```
#be752f rgb(190,117,47)
```
#c77526
```
#c77526 rgb(199,117,38)
```
#d0751d
```
#d0751d rgb(208,117,29)
```
#d97514
```
#d97514 rgb(217,117,20)
```
#e2750b
```
#e2750b rgb(226,117,11)
```
#eb7502
```
#eb7502 rgb(235,117,2)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#988471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69526 Protanopia 1% of men
#ba8d0d Deuteranopia 1% of men
#de747b Tritanopia 0.001% of the population

Trichromacy

#b88920 Protanomaly 1% of men, 0.01% of women
#c5840f Deuteranomaly 6% of men, 0.4% of women
#dc7456 Tritanomaly 0.01% of the population

#d97514 hex color

#d97514 Color Information

#d97514 Color Conversion

Color Schemes with #d97514

Alternatives to #d97514

#d97514 Preview

Shades and Tints of #d97514

Tones of #d97514

Color Blindness Simulator