#d2971f hex color

In a RGB color space, hex #d2971f is composed of 82.4% red, 59.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 85.2% yellow and 17.6% black. It has a hue angle of 40.2 degrees, a saturation of 74.3% and a lightness of 47.3%. #d2971f color hex could be obtained by blending #ffff3e with #a52f00. Closest websafe color is: #cc9933.

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

● #d2971f color description : Strong orange.

The hexadecimal color #d2971f has RGB values of R:210, G:151, B:31 and CMYK values of C:0, M:0.28, Y:0.85, K:0.18. Its decimal value is 13801247.

Hex triplet	d2971f	`#d2971f`
RGB Decimal	210, 151, 31	`rgb(210,151,31)`
RGB Percent	82.4, 59.2, 12.2	`rgb(82.4%,59.2%,12.2%)`
CMYK	0, 28, 85, 18
HSL	40.2°, 74.3, 47.3	`hsl(40.2,74.3%,47.3%)`
HSV (or HSB)	40.2°, 85.2, 82.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.471, 12.518, 65.095
XYZ	37.893, 35.936, 6.237
xyY	0.473, 0.449, 35.936
CIE-LCH	66.471, 66.288, 79.115
CIE-LUV	66.471, 48.934, 64.503
Hunter-Lab	59.947, 7.926, 35.794
Binary	11010010, 10010111, 00011111

#d2971f
```
#d2971f rgb(210,151,31)
```
#1f5ad2
```
#1f5ad2 rgb(31,90,210)
```

Complementary Color

#d23e1f
```
#d23e1f rgb(210,62,31)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#b4d21f
```
#b4d21f rgb(180,210,31)
```

Analogous Color

#3e1fd2
```
#3e1fd2 rgb(62,31,210)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#1fb4d2
```
#1fb4d2 rgb(31,180,210)
```

Split Complementary Color

#971fd2
```
#971fd2 rgb(151,31,210)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#1fd297
```
#1fd297 rgb(31,210,151)
```

Triadic Color

#d21f5a
```
#d21f5a rgb(210,31,90)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#1fd297
```
#1fd297 rgb(31,210,151)
```
#1f5ad2
```
#1f5ad2 rgb(31,90,210)
```

Tetradic Color

#8f6715
```
#8f6715 rgb(143,103,21)
```
#a67718
```
#a67718 rgb(166,119,24)
```
#bc871c
```
#bc871c rgb(188,135,28)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#e0a42b
```
#e0a42b rgb(224,164,43)
```
#e3ae41
```
#e3ae41 rgb(227,174,65)
```
#e6b757
```
#e6b757 rgb(230,183,87)
```

Monochromatic Color

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

#d26a1f
```
#d26a1f rgb(210,106,31)
```
#d2791f
```
#d2791f rgb(210,121,31)
```
#d2881f
```
#d2881f rgb(210,136,31)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#d2a61f
```
#d2a61f rgb(210,166,31)
```
#d2b51f
```
#d2b51f rgb(210,181,31)
```
#d2c41f
```
#d2c41f rgb(210,196,31)
```

Similar Colors

Text with hexadecimal color #d2971f

This text has a font color of #d2971f.

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

#d2971f background color

This paragraph has a background color of #d2971f.

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

#d2971f border color

This element has a border color of #d2971f.

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

CSS codes

.text {color:#d2971f;}

.background {background-color:#d2971f;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#161003
```
#161003 rgb(22,16,3)
```
#271c06
```
#271c06 rgb(39,28,6)
```
#382808
```
#382808 rgb(56,40,8)
```
#49350b
```
#49350b rgb(73,53,11)
```
#5a410d
```
#5a410d rgb(90,65,13)
```
#6b4d10
```
#6b4d10 rgb(107,77,16)
```
#7d5a12
```
#7d5a12 rgb(125,90,18)
```
#8e6615
```
#8e6615 rgb(142,102,21)
```
#9f7217
```
#9f7217 rgb(159,114,23)
```
#b07e1a
```
#b07e1a rgb(176,126,26)
```
#c18b1c
```
#c18b1c rgb(193,139,28)
```
#d2971f
```
#d2971f rgb(210,151,31)
```

Shade Color Variation

#dfa226
```
#dfa226 rgb(223,162,38)
```
#e1a937
```
#e1a937 rgb(225,169,55)
```
#e4b148
```
#e4b148 rgb(228,177,72)
```
#e6b859
```
#e6b859 rgb(230,184,89)
```
#e9bf6a
```
#e9bf6a rgb(233,191,106)
```
#ecc67b
```
#ecc67b rgb(236,198,123)
```
#eece8c
```
#eece8c rgb(238,206,140)
```
#f1d59d
```
#f1d59d rgb(241,213,157)
```
#f3dcae
```
#f3dcae rgb(243,220,174)
```
#f6e4c0
```
#f6e4c0 rgb(246,228,192)
```
#f8ebd1
```
#f8ebd1 rgb(248,235,209)
```
#fbf2e2
```
#fbf2e2 rgb(251,242,226)
```
#fdfaf3
```
#fdfaf3 rgb(253,250,243)
```

Tint Color Variation

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

#7f7b72
```
#7f7b72 rgb(127,123,114)
```
#887e69
```
#887e69 rgb(136,126,105)
```
#918160
```
#918160 rgb(145,129,96)
```
#9a8457
```
#9a8457 rgb(154,132,87)
```
#a4874d
```
#a4874d rgb(164,135,77)
```
#ad8a44
```
#ad8a44 rgb(173,138,68)
```
#b68e3b
```
#b68e3b rgb(182,142,59)
```
#bf9132
```
#bf9132 rgb(191,145,50)
```
#c99428
```
#c99428 rgb(201,148,40)
```
#d2971f
```
#d2971f rgb(210,151,31)
```
#db9a16
```
#db9a16 rgb(219,154,22)
```
#e59d0c
```
#e59d0c rgb(229,157,12)
```
#eea003
```
#eea003 rgb(238,160,3)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a69a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa62d Protanopia 1% of men
#cf9e29 Deuteranopia 1% of men
#db929c Tritanopia 0.001% of the population

Trichromacy

#c2a128 Protanomaly 1% of men, 0.01% of women
#d09b25 Deuteranomaly 6% of men, 0.4% of women
#d7946e Tritanomaly 0.01% of the population

#d2971f hex color

#d2971f Color Information

#d2971f Color Conversion

Color Schemes with #d2971f

Alternatives to #d2971f

#d2971f Preview

Shades and Tints of #d2971f

Tones of #d2971f

Color Blindness Simulator