#d0971f hex color

In a RGB color space, hex #d0971f is composed of 81.6% red, 59.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 85.1% yellow and 18.4% black. It has a hue angle of 40.7 degrees, a saturation of 74.1% and a lightness of 46.9%. #d0971f color hex could be obtained by blending #ffff3e with #a12f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 82
- G 59
- B 12
RGB color chart
- C 0
- M 27
- Y 85
- K 18
CMYK color chart

● #d0971f color description : Strong orange.

The hexadecimal color #d0971f has RGB values of R:208, G:151, B:31 and CMYK values of C:0, M:0.27, Y:0.85, K:0.18. Its decimal value is 13670175.

Hex triplet	d0971f	`#d0971f`
RGB Decimal	208, 151, 31	`rgb(208,151,31)`
RGB Percent	81.6, 59.2, 12.2	`rgb(81.6%,59.2%,12.2%)`
CMYK	0, 27, 85, 18
HSL	40.7°, 74.1, 46.9	`hsl(40.7,74.1%,46.9%)`
HSV (or HSB)	40.7°, 85.1, 81.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.247, 11.642, 64.819
XYZ	37.327, 35.644, 6.21
xyY	0.471, 0.45, 35.644
CIE-LCH	66.247, 65.856, 79.818
CIE-LUV	66.247, 47.332, 64.433
Hunter-Lab	59.703, 7.121, 35.625
Binary	11010000, 10010111, 00011111

#d0971f
```
#d0971f rgb(208,151,31)
```
#1f58d0
```
#1f58d0 rgb(31,88,208)
```

Complementary Color

#d03f1f
```
#d03f1f rgb(208,63,31)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#b1d01f
```
#b1d01f rgb(177,208,31)
```

Analogous Color

#3e1fd0
```
#3e1fd0 rgb(62,31,208)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#1fb1d0
```
#1fb1d0 rgb(31,177,208)
```

Split Complementary Color

#971fd0
```
#971fd0 rgb(151,31,208)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#1fd097
```
#1fd097 rgb(31,208,151)
```

Triadic Color

#d01f58
```
#d01f58 rgb(208,31,88)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#1fd097
```
#1fd097 rgb(31,208,151)
```
#1f58d0
```
#1f58d0 rgb(31,88,208)
```

Tetradic Color

#8d6715
```
#8d6715 rgb(141,103,21)
```
#a47718
```
#a47718 rgb(164,119,24)
```
#ba871c
```
#ba871c rgb(186,135,28)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#dfa529
```
#dfa529 rgb(223,165,41)
```
#e2ae40
```
#e2ae40 rgb(226,174,64)
```
#e6b756
```
#e6b756 rgb(230,183,86)
```

Monochromatic Color

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

#d06b1f
```
#d06b1f rgb(208,107,31)
```
#d07a1f
```
#d07a1f rgb(208,122,31)
```
#d0881f
```
#d0881f rgb(208,136,31)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#d0a61f
```
#d0a61f rgb(208,166,31)
```
#d0b51f
```
#d0b51f rgb(208,181,31)
```
#d0c31f
```
#d0c31f rgb(208,195,31)
```

Similar Colors

Text with hexadecimal color #d0971f

This text has a font color of #d0971f.

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

#d0971f background color

This paragraph has a background color of #d0971f.

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

#d0971f border color

This element has a border color of #d0971f.

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

CSS codes

.text {color:#d0971f;}

.background {background-color:#d0971f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140f03
```
#140f03 rgb(20,15,3)
```
#251b06
```
#251b06 rgb(37,27,6)
```
#362708
```
#362708 rgb(54,39,8)
```
#47340b
```
#47340b rgb(71,52,11)
```
#59400d
```
#59400d rgb(89,64,13)
```
#6a4d10
```
#6a4d10 rgb(106,77,16)
```
#7b5912
```
#7b5912 rgb(123,89,18)
```
#8c6515
```
#8c6515 rgb(140,101,21)
```
#9d7217
```
#9d7217 rgb(157,114,23)
```
#ae7e1a
```
#ae7e1a rgb(174,126,26)
```
#bf8b1c
```
#bf8b1c rgb(191,139,28)
```
#d0971f
```
#d0971f rgb(208,151,31)
```

Shade Color Variation

#dea224
```
#dea224 rgb(222,162,36)
```
#e1aa35
```
#e1aa35 rgb(225,170,53)
```
#e3b146
```
#e3b146 rgb(227,177,70)
```
#e6b857
```
#e6b857 rgb(230,184,87)
```
#e9bf69
```
#e9bf69 rgb(233,191,105)
```
#ebc77a
```
#ebc77a rgb(235,199,122)
```
#eece8b
```
#eece8b rgb(238,206,139)
```
#f0d59c
```
#f0d59c rgb(240,213,156)
```
#f3dcad
```
#f3dcad rgb(243,220,173)
```
#f5e3be
```
#f5e3be rgb(245,227,190)
```
#f8ebcf
```
#f8ebcf rgb(248,235,207)
```
#faf2e0
```
#faf2e0 rgb(250,242,224)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,241)
```

Tint Color Variation

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

#7d7a72
```
#7d7a72 rgb(125,122,114)
```
#867d69
```
#867d69 rgb(134,125,105)
```
#90805f
```
#90805f rgb(144,128,95)
```
#998356
```
#998356 rgb(153,131,86)
```
#a2874d
```
#a2874d rgb(162,135,77)
```
#ab8a44
```
#ab8a44 rgb(171,138,68)
```
#b48d3b
```
#b48d3b rgb(180,141,59)
```
#be9031
```
#be9031 rgb(190,144,49)
```
#c79428
```
#c79428 rgb(199,148,40)
```
#d0971f
```
#d0971f rgb(208,151,31)
```
#d99a16
```
#d99a16 rgb(217,154,22)
```
#e29e0d
```
#e29e0d rgb(226,158,13)
```
#eca103
```
#eca103 rgb(236,161,3)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a59981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a62d Protanopia 1% of men
#ce9e29 Deuteranopia 1% of men
#d9929c Tritanopia 0.001% of the population

Trichromacy

#c1a028 Protanomaly 1% of men, 0.01% of women
#cf9b25 Deuteranomaly 6% of men, 0.4% of women
#d6946e Tritanomaly 0.01% of the population

#d0971f hex color

#d0971f Color Information

#d0971f Color Conversion

Color Schemes with #d0971f

Alternatives to #d0971f

#d0971f Preview

Shades and Tints of #d0971f

Tones of #d0971f

Color Blindness Simulator