#cd581f hex color

In a RGB color space, hex #cd581f is composed of 80.4% red, 34.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 84.9% yellow and 19.6% black. It has a hue angle of 19.7 degrees, a saturation of 73.7% and a lightness of 46.3%. #cd581f color hex could be obtained by blending #ffb03e with #9b0000. Closest websafe color is: #cc6633.

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

● #cd581f color description : Strong orange.

The hexadecimal color #cd581f has RGB values of R:205, G:88, B:31 and CMYK values of C:0, M:0.57, Y:0.85, K:0.2. Its decimal value is 13457439.

Hex triplet	cd581f	`#cd581f`
RGB Decimal	205, 88, 31	`rgb(205,88,31)`
RGB Percent	80.4, 34.5, 12.2	`rgb(80.4%,34.5%,12.2%)`
CMYK	0, 57, 85, 20
HSL	19.7°, 73.7, 46.3	`hsl(19.7,73.7%,46.3%)`
HSV (or HSB)	19.7°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.906, 43.582, 52.616
XYZ	28.915, 20.061, 3.646
xyY	0.549, 0.381, 20.061
CIE-LCH	51.906, 68.322, 50.365
CIE-LUV	51.906, 95.534, 41.494
Hunter-Lab	44.789, 36.856, 26.526
Binary	11001101, 01011000, 00011111

#cd581f
```
#cd581f rgb(205,88,31)
```
#1f94cd
```
#1f94cd rgb(31,148,205)
```

Complementary Color

#cd1f3d
```
#cd1f3d rgb(205,31,61)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#cdaf1f
```
#cdaf1f rgb(205,175,31)
```

Analogous Color

#1f3dcd
```
#1f3dcd rgb(31,61,205)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#1fcdaf
```
#1fcdaf rgb(31,205,175)
```

Split Complementary Color

#581fcd
```
#581fcd rgb(88,31,205)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#1fcd58
```
#1fcd58 rgb(31,205,88)
```

Triadic Color

#cd1f94
```
#cd1f94 rgb(205,31,148)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#1fcd58
```
#1fcd58 rgb(31,205,88)
```
#1f94cd
```
#1f94cd rgb(31,148,205)
```

Tetradic Color

#8b3b15
```
#8b3b15 rgb(139,59,21)
```
#a14518
```
#a14518 rgb(161,69,24)
```
#b74e1c
```
#b74e1c rgb(183,78,28)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#de6327
```
#de6327 rgb(222,99,39)
```
#e2733d
```
#e2733d rgb(226,115,61)
```
#e58353
```
#e58353 rgb(229,131,83)
```

Monochromatic Color

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

#cd2c1f
```
#cd2c1f rgb(205,44,31)
```
#cd3b1f
```
#cd3b1f rgb(205,59,31)
```
#cd491f
```
#cd491f rgb(205,73,31)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#cd751f
```
#cd751f rgb(205,117,31)
```
#cd841f
```
#cd841f rgb(205,132,31)
```

Similar Colors

Text with hexadecimal color #cd581f

This text has a font color of #cd581f.

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

#cd581f background color

This paragraph has a background color of #cd581f.

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

#cd581f border color

This element has a border color of #cd581f.

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

CSS codes

.text {color:#cd581f;}

.background {background-color:#cd581f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120803
```
#120803 rgb(18,8,3)
```
#230f05
```
#230f05 rgb(35,15,5)
```
#341608
```
#341608 rgb(52,22,8)
```
#451d0a
```
#451d0a rgb(69,29,10)
```
#56250d
```
#56250d rgb(86,37,13)
```
#672c10
```
#672c10 rgb(103,44,16)
```
#783312
```
#783312 rgb(120,51,18)
```
#893b15
```
#893b15 rgb(137,59,21)
```
#9a4217
```
#9a4217 rgb(154,66,23)
```
#ab491a
```
#ab491a rgb(171,73,26)
```
#bc511c
```
#bc511c rgb(188,81,28)
```
#cd581f
```
#cd581f rgb(205,88,31)
```

Shade Color Variation

#de5f22
```
#de5f22 rgb(222,95,34)
```
#e06c33
```
#e06c33 rgb(224,108,51)
```
#e37844
```
#e37844 rgb(227,120,68)
```
#e58455
```
#e58455 rgb(229,132,85)
```
#e89166
```
#e89166 rgb(232,145,102)
```
#ea9d77
```
#ea9d77 rgb(234,157,119)
```
#eda988
```
#eda988 rgb(237,169,136)
```
#f0b699
```
#f0b699 rgb(240,182,153)
```
#f2c2aa
```
#f2c2aa rgb(242,194,170)
```
#f5cebb
```
#f5cebb rgb(245,206,187)
```
#f7dacc
```
#f7dacc rgb(247,218,204)
```
#fae7dd
```
#fae7dd rgb(250,231,221)
```
#fdf3ee
```
#fdf3ee rgb(253,243,238)
```

Tint Color Variation

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

#7b7471
```
#7b7471 rgb(123,116,113)
```
#847168
```
#847168 rgb(132,113,104)
```
#8d6e5f
```
#8d6e5f rgb(141,110,95)
```
#976b55
```
#976b55 rgb(151,107,85)
```
#a0684c
```
#a0684c rgb(160,104,76)
```
#a96543
```
#a96543 rgb(169,101,67)
```
#b2613a
```
#b2613a rgb(178,97,58)
```
#bb5e31
```
#bb5e31 rgb(187,94,49)
```
#c45b28
```
#c45b28 rgb(196,91,40)
```
#cd581f
```
#cd581f rgb(205,88,31)
```
#d65516
```
#d65516 rgb(214,85,22)
```
#df520d
```
#df520d rgb(223,82,13)
```
#e84f04
```
#e84f04 rgb(232,79,4)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#866e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918233 Protanopia 1% of men
#a27c1d Deuteranopia 1% of men
#d15b60 Tritanopia 0.001% of the population

Trichromacy

#a6732b Protanomaly 1% of men, 0.01% of women
#b26f1e Deuteranomaly 6% of men, 0.4% of women
#cf5a48 Tritanomaly 0.01% of the population

#cd581f hex color

#cd581f Color Information

#cd581f Color Conversion

Color Schemes with #cd581f

Alternatives to #cd581f

#cd581f Preview

Shades and Tints of #cd581f

Tones of #cd581f

Color Blindness Simulator