#cd501f hex color

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

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

● #cd501f color description : Strong orange.

The hexadecimal color #cd501f has RGB values of R:205, G:80, B:31 and CMYK values of C:0, M:0.61, Y:0.85, K:0.2. Its decimal value is 13455391.

Hex triplet	cd501f	`#cd501f`
RGB Decimal	205, 80, 31	`rgb(205,80,31)`
RGB Percent	80.4, 31.4, 12.2	`rgb(80.4%,31.4%,12.2%)`
CMYK	0, 61, 85, 20
HSL	16.9°, 73.7, 46.3	`hsl(16.9,73.7%,46.3%)`
HSV (or HSB)	16.9°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.474, 47.327, 51.392
XYZ	28.294, 18.818, 3.439
xyY	0.56, 0.372, 18.818
CIE-LCH	50.474, 69.864, 47.358
CIE-LUV	50.474, 101.612, 39.022
Hunter-Lab	43.38, 40.508, 25.666
Binary	11001101, 01010000, 00011111

#cd501f
```
#cd501f rgb(205,80,31)
```
#1f9ccd
```
#1f9ccd rgb(31,156,205)
```

Complementary Color

#cd1f45
```
#cd1f45 rgb(205,31,69)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#cda71f
```
#cda71f rgb(205,167,31)
```

Analogous Color

#1f45cd
```
#1f45cd rgb(31,69,205)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#1fcda7
```
#1fcda7 rgb(31,205,167)
```

Split Complementary Color

#501fcd
```
#501fcd rgb(80,31,205)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#1fcd50
```
#1fcd50 rgb(31,205,80)
```

Triadic Color

#cd1f9c
```
#cd1f9c rgb(205,31,156)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#1fcd50
```
#1fcd50 rgb(31,205,80)
```
#1f9ccd
```
#1f9ccd rgb(31,156,205)
```

Tetradic Color

#8b3615
```
#8b3615 rgb(139,54,21)
```
#a13f18
```
#a13f18 rgb(161,63,24)
```
#b7471c
```
#b7471c rgb(183,71,28)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#de5b27
```
#de5b27 rgb(222,91,39)
```
#e26c3d
```
#e26c3d rgb(226,108,61)
```
#e57c53
```
#e57c53 rgb(229,124,83)
```

Monochromatic Color

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

#cd251f
```
#cd251f rgb(205,37,31)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#cd421f
```
#cd421f rgb(205,66,31)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#cd5e1f
```
#cd5e1f rgb(205,94,31)
```
#cd6d1f
```
#cd6d1f rgb(205,109,31)
```
#cd7c1f
```
#cd7c1f rgb(205,124,31)
```

Similar Colors

Text with hexadecimal color #cd501f

This text has a font color of #cd501f.

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

#cd501f background color

This paragraph has a background color of #cd501f.

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

#cd501f border color

This element has a border color of #cd501f.

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

CSS codes

.text {color:#cd501f;}

.background {background-color:#cd501f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120703
```
#120703 rgb(18,7,3)
```
#230e05
```
#230e05 rgb(35,14,5)
```
#341408
```
#341408 rgb(52,20,8)
```
#451b0a
```
#451b0a rgb(69,27,10)
```
#56210d
```
#56210d rgb(86,33,13)
```
#672810
```
#672810 rgb(103,40,16)
```
#782f12
```
#782f12 rgb(120,47,18)
```
#893515
```
#893515 rgb(137,53,21)
```
#9a3c17
```
#9a3c17 rgb(154,60,23)
```
#ab431a
```
#ab431a rgb(171,67,26)
```
#bc491c
```
#bc491c rgb(188,73,28)
```
#cd501f
```
#cd501f rgb(205,80,31)
```

Shade Color Variation

#de5722
```
#de5722 rgb(222,87,34)
```
#e06433
```
#e06433 rgb(224,100,51)
```
#e37144
```
#e37144 rgb(227,113,68)
```
#e57e55
```
#e57e55 rgb(229,126,85)
```
#e88b66
```
#e88b66 rgb(232,139,102)
```
#ea9877
```
#ea9877 rgb(234,152,119)
```
#eda588
```
#eda588 rgb(237,165,136)
```
#f0b299
```
#f0b299 rgb(240,178,153)
```
#f2bfaa
```
#f2bfaa rgb(242,191,170)
```
#f5ccbb
```
#f5ccbb rgb(245,204,187)
```
#f7d9cc
```
#f7d9cc rgb(247,217,204)
```
#fae5dd
```
#fae5dd rgb(250,229,221)
```
#fdf2ee
```
#fdf2ee rgb(253,242,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 #e84404 is the most saturated one.

#7b7471
```
#7b7471 rgb(123,116,113)
```
#847068
```
#847068 rgb(132,112,104)
```
#8d6c5f
```
#8d6c5f rgb(141,108,95)
```
#976855
```
#976855 rgb(151,104,85)
```
#a0644c
```
#a0644c rgb(160,100,76)
```
#a96043
```
#a96043 rgb(169,96,67)
```
#b25c3a
```
#b25c3a rgb(178,92,58)
```
#bb5831
```
#bb5831 rgb(187,88,49)
```
#c45428
```
#c45428 rgb(196,84,40)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#d64c16
```
#d64c16 rgb(214,76,22)
```
#df480d
```
#df480d rgb(223,72,13)
```
#e84404
```
#e84404 rgb(232,68,4)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#836a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f34 Protanopia 1% of men
#9e791c Deuteranopia 1% of men
#d15458 Tritanopia 0.001% of the population

Trichromacy

#a46e2c Protanomaly 1% of men, 0.01% of women
#af6a1d Deuteranomaly 6% of men, 0.4% of women
#cf5243 Tritanomaly 0.01% of the population

#cd501f hex color

#cd501f Color Information

#cd501f Color Conversion

Color Schemes with #cd501f

Alternatives to #cd501f

#cd501f Preview

Shades and Tints of #cd501f

Tones of #cd501f

Color Blindness Simulator