#cd981f hex color

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

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

● #cd981f color description : Strong orange.

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

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

CIE-LAB	66.164, 9.782, 64.615
XYZ	36.653, 35.537, 6.225
xyY	0.467, 0.453, 35.537
CIE-LCH	66.164, 65.351, 81.392
CIE-LUV	66.164, 44.161, 64.719
Hunter-Lab	59.613, 5.43, 35.537
Binary	11001101, 10011000, 00011111

#cd981f
```
#cd981f rgb(205,152,31)
```
#1f54cd
```
#1f54cd rgb(31,84,205)
```

Complementary Color

#cd411f
```
#cd411f rgb(205,65,31)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#abcd1f
```
#abcd1f rgb(171,205,31)
```

Analogous Color

#411fcd
```
#411fcd rgb(65,31,205)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#1fabcd
```
#1fabcd rgb(31,171,205)
```

Split Complementary Color

#981fcd
```
#981fcd rgb(152,31,205)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#1fcd98
```
#1fcd98 rgb(31,205,152)
```

Triadic Color

#cd1f54
```
#cd1f54 rgb(205,31,84)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#1fcd98
```
#1fcd98 rgb(31,205,152)
```
#1f54cd
```
#1f54cd rgb(31,84,205)
```

Tetradic Color

#8b6715
```
#8b6715 rgb(139,103,21)
```
#a17718
```
#a17718 rgb(161,119,24)
```
#b7881c
```
#b7881c rgb(183,136,28)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#dea727
```
#dea727 rgb(222,167,39)
```
#e2b03d
```
#e2b03d rgb(226,176,61)
```
#e5b953
```
#e5b953 rgb(229,185,83)
```

Monochromatic Color

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

#cd6d1f
```
#cd6d1f rgb(205,109,31)
```
#cd7b1f
```
#cd7b1f rgb(205,123,31)
```
#cd8a1f
```
#cd8a1f rgb(205,138,31)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#cda71f
```
#cda71f rgb(205,167,31)
```
#cdb51f
```
#cdb51f rgb(205,181,31)
```
#cdc41f
```
#cdc41f rgb(205,196,31)
```

Similar Colors

Text with hexadecimal color #cd981f

This text has a font color of #cd981f.

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

#cd981f background color

This paragraph has a background color of #cd981f.

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

#cd981f border color

This element has a border color of #cd981f.

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

CSS codes

.text {color:#cd981f;}

.background {background-color:#cd981f;}

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

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)
```
#231a05
```
#231a05 rgb(35,26,5)
```
#342608
```
#342608 rgb(52,38,8)
```
#45330a
```
#45330a rgb(69,51,10)
```
#56400d
```
#56400d rgb(86,64,13)
```
#674c10
```
#674c10 rgb(103,76,16)
```
#785912
```
#785912 rgb(120,89,18)
```
#896515
```
#896515 rgb(137,101,21)
```
#9a7217
```
#9a7217 rgb(154,114,23)
```
#ab7f1a
```
#ab7f1a rgb(171,127,26)
```
#bc8b1c
```
#bc8b1c rgb(188,139,28)
```
#cd981f
```
#cd981f rgb(205,152,31)
```

Shade Color Variation

#dea422
```
#dea422 rgb(222,164,34)
```
#e0ab33
```
#e0ab33 rgb(224,171,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 #e8a304 is the most saturated one.

#7b7871
```
#7b7871 rgb(123,120,113)
```
#847c68
```
#847c68 rgb(132,124,104)
```
#8d7f5f
```
#8d7f5f rgb(141,127,95)
```
#978355
```
#978355 rgb(151,131,85)
```
#a0864c
```
#a0864c rgb(160,134,76)
```
#a98a43
```
#a98a43 rgb(169,138,67)
```
#b28d3a
```
#b28d3a rgb(178,141,58)
```
#bb9131
```
#bb9131 rgb(187,145,49)
```
#c49428
```
#c49428 rgb(196,148,40)
```
#cd981f
```
#cd981f rgb(205,152,31)
```
#d69c16
```
#d69c16 rgb(214,156,22)
```
#df9f0d
```
#df9f0d rgb(223,159,13)
```
#e8a304
```
#e8a304 rgb(232,163,4)
```

Tone Color Variation

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

Dichromacy

#b9a62c Protanopia 1% of men
#ce9d2a Deuteranopia 1% of men
#d6939d Tritanopia 0.001% of the population

Trichromacy

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

#cd981f hex color

#cd981f Color Information

#cd981f Color Conversion

Color Schemes with #cd981f

Alternatives to #cd981f

#cd981f Preview

Shades and Tints of #cd981f

Tones of #cd981f

Color Blindness Simulator