#cd881f hex color

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

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

● #cd881f color description : Strong orange.

The hexadecimal color #cd881f has RGB values of R:205, G:136, B:31 and CMYK values of C:0, M:0.34, Y:0.85, K:0.2. Its decimal value is 13469727.

Hex triplet	cd881f	`#cd881f`
RGB Decimal	205, 136, 31	`rgb(205,136,31)`
RGB Percent	80.4, 53.3, 12.2	`rgb(80.4%,53.3%,12.2%)`
CMYK	0, 34, 85, 20
HSL	36.2°, 73.7, 46.3	`hsl(36.2,73.7%,46.3%)`
HSV (or HSB)	36.2°, 84.9, 80.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.244, 18.473, 61.345
XYZ	34.229, 30.689, 5.417
xyY	0.487, 0.436, 30.689
CIE-LCH	62.244, 64.066, 73.241
CIE-LUV	62.244, 56.802, 58.559
Hunter-Lab	55.397, 13.347, 32.98
Binary	11001101, 10001000, 00011111

#cd881f
```
#cd881f rgb(205,136,31)
```
#1f64cd
```
#1f64cd rgb(31,100,205)
```

Complementary Color

#cd311f
```
#cd311f rgb(205,49,31)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#bbcd1f
```
#bbcd1f rgb(187,205,31)
```

Analogous Color

#311fcd
```
#311fcd rgb(49,31,205)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#1fbbcd
```
#1fbbcd rgb(31,187,205)
```

Split Complementary Color

#881fcd
```
#881fcd rgb(136,31,205)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#1fcd88
```
#1fcd88 rgb(31,205,136)
```

Triadic Color

#cd1f64
```
#cd1f64 rgb(205,31,100)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#1fcd88
```
#1fcd88 rgb(31,205,136)
```
#1f64cd
```
#1f64cd rgb(31,100,205)
```

Tetradic Color

#8b5c15
```
#8b5c15 rgb(139,92,21)
```
#a16b18
```
#a16b18 rgb(161,107,24)
```
#b7791c
```
#b7791c rgb(183,121,28)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#de9627
```
#de9627 rgb(222,150,39)
```
#e2a13d
```
#e2a13d rgb(226,161,61)
```
#e5ab53
```
#e5ab53 rgb(229,171,83)
```

Monochromatic Color

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

#cd5d1f
```
#cd5d1f rgb(205,93,31)
```
#cd6b1f
```
#cd6b1f rgb(205,107,31)
```
#cd7a1f
```
#cd7a1f rgb(205,122,31)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#cd971f
```
#cd971f rgb(205,151,31)
```
#cda51f
```
#cda51f rgb(205,165,31)
```
#cdb41f
```
#cdb41f rgb(205,180,31)
```

Similar Colors

Text with hexadecimal color #cd881f

This text has a font color of #cd881f.

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

#cd881f background color

This paragraph has a background color of #cd881f.

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

#cd881f border color

This element has a border color of #cd881f.

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

CSS codes

.text {color:#cd881f;}

.background {background-color:#cd881f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120c03
```
#120c03 rgb(18,12,3)
```
#231705
```
#231705 rgb(35,23,5)
```
#342208
```
#342208 rgb(52,34,8)
```
#452e0a
```
#452e0a rgb(69,46,10)
```
#56390d
```
#56390d rgb(86,57,13)
```
#674410
```
#674410 rgb(103,68,16)
```
#784f12
```
#784f12 rgb(120,79,18)
```
#895b15
```
#895b15 rgb(137,91,21)
```
#9a6617
```
#9a6617 rgb(154,102,23)
```
#ab711a
```
#ab711a rgb(171,113,26)
```
#bc7d1c
```
#bc7d1c rgb(188,125,28)
```
#cd881f
```
#cd881f rgb(205,136,31)
```

Shade Color Variation

#de9322
```
#de9322 rgb(222,147,34)
```
#e09c33
```
#e09c33 rgb(224,156,51)
```
#e3a444
```
#e3a444 rgb(227,164,68)
```
#e5ac55
```
#e5ac55 rgb(229,172,85)
```
#e8b466
```
#e8b466 rgb(232,180,102)
```
#eabd77
```
#eabd77 rgb(234,189,119)
```
#edc588
```
#edc588 rgb(237,197,136)
```
#f0cd99
```
#f0cd99 rgb(240,205,153)
```
#f2d6aa
```
#f2d6aa rgb(242,214,170)
```
#f5debb
```
#f5debb rgb(245,222,187)
```
#f7e6cc
```
#f7e6cc rgb(247,230,204)
```
#faefdd
```
#faefdd rgb(250,239,221)
```
#fdf7ee
```
#fdf7ee rgb(253,247,238)
```

Tint Color Variation

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

#7b7771
```
#7b7771 rgb(123,119,113)
```
#847968
```
#847968 rgb(132,121,104)
```
#8d7b5f
```
#8d7b5f rgb(141,123,95)
```
#977d55
```
#977d55 rgb(151,125,85)
```
#a07f4c
```
#a07f4c rgb(160,127,76)
```
#a98043
```
#a98043 rgb(169,128,67)
```
#b2823a
```
#b2823a rgb(178,130,58)
```
#bb8431
```
#bb8431 rgb(187,132,49)
```
#c48628
```
#c48628 rgb(196,134,40)
```
#cd881f
```
#cd881f rgb(205,136,31)
```
#d68a16
```
#d68a16 rgb(214,138,22)
```
#df8c0d
```
#df8c0d rgb(223,140,13)
```
#e88e04
```
#e88e04 rgb(232,142,4)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9d8f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c2e Protanopia 1% of men
#c29427 Deuteranopia 1% of men
#d5858e Tritanopia 0.001% of the population

Trichromacy

#b99428 Protanomaly 1% of men, 0.01% of women
#c68f24 Deuteranomaly 6% of men, 0.4% of women
#d28665 Tritanomaly 0.01% of the population

#cd881f hex color

#cd881f Color Information

#cd881f Color Conversion

Color Schemes with #cd881f

Alternatives to #cd881f

#cd881f Preview

Shades and Tints of #cd881f

Tones of #cd881f

Color Blindness Simulator