#cd971f hex color

In a RGB color space, hex #cd971f is composed of 80.4% red, 59.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 84.9% yellow and 19.6% black. It has a hue angle of 41.4 degrees, a saturation of 73.7% and a lightness of 46.3%. #cd971f color hex could be obtained by blending #ffff3e with #9b2f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 59
- B 12
RGB color chart
- C 0
- M 26
- Y 85
- K 20
CMYK color chart

● #cd971f color description : Strong orange.

The hexadecimal color #cd971f has RGB values of R:205, G:151, B:31 and CMYK values of C:0, M:0.26, Y:0.85, K:0.2. Its decimal value is 13473567.

Hex triplet	cd971f	`#cd971f`
RGB Decimal	205, 151, 31	`rgb(205,151,31)`
RGB Percent	80.4, 59.2, 12.2	`rgb(80.4%,59.2%,12.2%)`
CMYK	0, 26, 85, 20
HSL	41.4°, 73.7, 46.3	`hsl(41.4,73.7%,46.3%)`
HSV (or HSB)	41.4°, 84.9, 80.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.914, 10.323, 64.407
XYZ	36.492, 35.213, 6.171
xyY	0.469, 0.452, 35.213
CIE-LCH	65.914, 65.229, 80.894
CIE-LUV	65.914, 44.937, 64.331
Hunter-Lab	59.341, 5.922, 35.373
Binary	11001101, 10010111, 00011111

#cd971f
```
#cd971f rgb(205,151,31)
```
#1f55cd
```
#1f55cd rgb(31,85,205)
```

Complementary Color

#cd401f
```
#cd401f rgb(205,64,31)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#accd1f
```
#accd1f rgb(172,205,31)
```

Analogous Color

#401fcd
```
#401fcd rgb(64,31,205)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#1faccd
```
#1faccd rgb(31,172,205)
```

Split Complementary Color

#971fcd
```
#971fcd rgb(151,31,205)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#1fcd97
```
#1fcd97 rgb(31,205,151)
```

Triadic Color

#cd1f55
```
#cd1f55 rgb(205,31,85)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#1fcd97
```
#1fcd97 rgb(31,205,151)
```
#1f55cd
```
#1f55cd rgb(31,85,205)
```

Tetradic Color

#8b6615
```
#8b6615 rgb(139,102,21)
```
#a17618
```
#a17618 rgb(161,118,24)
```
#b7871c
```
#b7871c rgb(183,135,28)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#dea527
```
#dea527 rgb(222,165,39)
```
#e2af3d
```
#e2af3d rgb(226,175,61)
```
#e5b853
```
#e5b853 rgb(229,184,83)
```

Monochromatic Color

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

#cd6c1f
```
#cd6c1f rgb(205,108,31)
```
#cd7a1f
```
#cd7a1f rgb(205,122,31)
```
#cd891f
```
#cd891f rgb(205,137,31)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#cda61f
```
#cda61f rgb(205,166,31)
```
#cdb41f
```
#cdb41f rgb(205,180,31)
```
#cdc31f
```
#cdc31f rgb(205,195,31)
```

Similar Colors

Text with hexadecimal color #cd971f

This text has a font color of #cd971f.

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

#cd971f background color

This paragraph has a background color of #cd971f.

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

#cd971f border color

This element has a border color of #cd971f.

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

CSS codes

.text {color:#cd971f;}

.background {background-color:#cd971f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231905
```
#231905 rgb(35,25,5)
```
#342608
```
#342608 rgb(52,38,8)
```
#45330a
```
#45330a rgb(69,51,10)
```
#563f0d
```
#563f0d rgb(86,63,13)
```
#674c10
```
#674c10 rgb(103,76,16)
```
#785812
```
#785812 rgb(120,88,18)
```
#896515
```
#896515 rgb(137,101,21)
```
#9a7117
```
#9a7117 rgb(154,113,23)
```
#ab7e1a
```
#ab7e1a rgb(171,126,26)
```
#bc8a1c
```
#bc8a1c rgb(188,138,28)
```
#cd971f
```
#cd971f rgb(205,151,31)
```

Shade Color Variation

#dea322
```
#dea322 rgb(222,163,34)
```
#e0aa33
```
#e0aa33 rgb(224,170,51)
```
#e3b244
```
#e3b244 rgb(227,178,68)
```
#e5b955
```
#e5b955 rgb(229,185,85)
```
#e8c066
```
#e8c066 rgb(232,192,102)
```
#eac777
```
#eac777 rgb(234,199,119)
```
#edce88
```
#edce88 rgb(237,206,136)
```
#f0d599
```
#f0d599 rgb(240,213,153)
```
#f2dcaa
```
#f2dcaa rgb(242,220,170)
```
#f5e3bb
```
#f5e3bb rgb(245,227,187)
```
#f7eacc
```
#f7eacc rgb(247,234,204)
```
#faf1dd
```
#faf1dd rgb(250,241,221)
```
#fdf8ee
```
#fdf8ee rgb(253,248,238)
```

Tint Color Variation

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

#7b7871
```
#7b7871 rgb(123,120,113)
```
#847b68
```
#847b68 rgb(132,123,104)
```
#8d7f5f
```
#8d7f5f rgb(141,127,95)
```
#978255
```
#978255 rgb(151,130,85)
```
#a0864c
```
#a0864c rgb(160,134,76)
```
#a98943
```
#a98943 rgb(169,137,67)
```
#b28d3a
```
#b28d3a rgb(178,141,58)
```
#bb9031
```
#bb9031 rgb(187,144,49)
```
#c49428
```
#c49428 rgb(196,148,40)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#d69a16
```
#d69a16 rgb(214,154,22)
```
#df9e0d
```
#df9e0d rgb(223,158,13)
```
#e8a104
```
#e8a104 rgb(232,161,4)
```

Tone Color Variation

Below, you can see how #cd971f 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
#a39981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a52d Protanopia 1% of men
#cd9d2a Deuteranopia 1% of men
#d6929c Tritanopia 0.001% of the population

Trichromacy

#c0a027 Protanomaly 1% of men, 0.01% of women
#cd9a26 Deuteranomaly 6% of men, 0.4% of women
#d3946e Tritanomaly 0.01% of the population

#cd971f hex color

#cd971f Color Information

#cd971f Color Conversion

Color Schemes with #cd971f

Alternatives to #cd971f

#cd971f Preview

Shades and Tints of #cd971f

Tones of #cd971f

Color Blindness Simulator