#cd521f hex color

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

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

● #cd521f color description : Strong orange.

The hexadecimal color #cd521f has RGB values of R:205, G:82, B:31 and CMYK values of C:0, M:0.6, Y:0.85, K:0.2. Its decimal value is 13455903.

Hex triplet	cd521f	`#cd521f`
RGB Decimal	205, 82, 31	`rgb(205,82,31)`
RGB Percent	80.4, 32.2, 12.2	`rgb(80.4%,32.2%,12.2%)`
CMYK	0, 60, 85, 20
HSL	17.6°, 73.7, 46.3	`hsl(17.6,73.7%,46.3%)`
HSV (or HSB)	17.6°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.822, 46.41, 51.691
XYZ	28.443, 19.116, 3.488
xyY	0.557, 0.374, 19.116
CIE-LCH	50.822, 69.468, 48.081
CIE-LUV	50.822, 100.116, 39.626
Hunter-Lab	43.722, 39.609, 25.875
Binary	11001101, 01010010, 00011111

#cd521f
```
#cd521f rgb(205,82,31)
```
#1f9acd
```
#1f9acd rgb(31,154,205)
```

Complementary Color

#cd1f43
```
#cd1f43 rgb(205,31,67)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#cda91f
```
#cda91f rgb(205,169,31)
```

Analogous Color

#1f43cd
```
#1f43cd rgb(31,67,205)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#1fcda9
```
#1fcda9 rgb(31,205,169)
```

Split Complementary Color

#521fcd
```
#521fcd rgb(82,31,205)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#1fcd52
```
#1fcd52 rgb(31,205,82)
```

Triadic Color

#cd1f9a
```
#cd1f9a rgb(205,31,154)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#1fcd52
```
#1fcd52 rgb(31,205,82)
```
#1f9acd
```
#1f9acd rgb(31,154,205)
```

Tetradic Color

#8b3715
```
#8b3715 rgb(139,55,21)
```
#a14018
```
#a14018 rgb(161,64,24)
```
#b7491c
```
#b7491c rgb(183,73,28)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#de5d27
```
#de5d27 rgb(222,93,39)
```
#e26d3d
```
#e26d3d rgb(226,109,61)
```
#e57e53
```
#e57e53 rgb(229,126,83)
```

Monochromatic Color

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

#cd271f
```
#cd271f rgb(205,39,31)
```
#cd351f
```
#cd351f rgb(205,53,31)
```
#cd441f
```
#cd441f rgb(205,68,31)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#cd611f
```
#cd611f rgb(205,97,31)
```
#cd6f1f
```
#cd6f1f rgb(205,111,31)
```
#cd7e1f
```
#cd7e1f rgb(205,126,31)
```

Similar Colors

Text with hexadecimal color #cd521f

This text has a font color of #cd521f.

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

#cd521f background color

This paragraph has a background color of #cd521f.

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

#cd521f border color

This element has a border color of #cd521f.

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

CSS codes

.text {color:#cd521f;}

.background {background-color:#cd521f;}

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

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)
```
#120703
```
#120703 rgb(18,7,3)
```
#230e05
```
#230e05 rgb(35,14,5)
```
#341508
```
#341508 rgb(52,21,8)
```
#451b0a
```
#451b0a rgb(69,27,10)
```
#56220d
```
#56220d rgb(86,34,13)
```
#672910
```
#672910 rgb(103,41,16)
```
#783012
```
#783012 rgb(120,48,18)
```
#893715
```
#893715 rgb(137,55,21)
```
#9a3e17
```
#9a3e17 rgb(154,62,23)
```
#ab441a
```
#ab441a rgb(171,68,26)
```
#bc4b1c
```
#bc4b1c rgb(188,75,28)
```
#cd521f
```
#cd521f rgb(205,82,31)
```

Shade Color Variation

#de5922
```
#de5922 rgb(222,89,34)
```
#e06633
```
#e06633 rgb(224,102,51)
```
#e37344
```
#e37344 rgb(227,115,68)
```
#e57f55
```
#e57f55 rgb(229,127,85)
```
#e88c66
```
#e88c66 rgb(232,140,102)
```
#ea9977
```
#ea9977 rgb(234,153,119)
```
#eda688
```
#eda688 rgb(237,166,136)
```
#f0b399
```
#f0b399 rgb(240,179,153)
```
#f2bfaa
```
#f2bfaa rgb(242,191,170)
```
#f5ccbb
```
#f5ccbb rgb(245,204,187)
```
#f7d9cc
```
#f7d9cc rgb(247,217,204)
```
#fae6dd
```
#fae6dd rgb(250,230,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 #e84704 is the most saturated one.

#7b7471
```
#7b7471 rgb(123,116,113)
```
#847068
```
#847068 rgb(132,112,104)
```
#8d6c5f
```
#8d6c5f rgb(141,108,95)
```
#976955
```
#976955 rgb(151,105,85)
```
#a0654c
```
#a0654c rgb(160,101,76)
```
#a96143
```
#a96143 rgb(169,97,67)
```
#b25d3a
```
#b25d3a rgb(178,93,58)
```
#bb5a31
```
#bb5a31 rgb(187,90,49)
```
#c45628
```
#c45628 rgb(196,86,40)
```
#cd521f
```
#cd521f rgb(205,82,31)
```
#d64e16
```
#d64e16 rgb(214,78,22)
```
#df4a0d
```
#df4a0d rgb(223,74,13)
```
#e84704
```
#e84704 rgb(232,71,4)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#836b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8034 Protanopia 1% of men
#9f791c Deuteranopia 1% of men
#d1555a Tritanopia 0.001% of the population

Trichromacy

#a56f2c Protanomaly 1% of men, 0.01% of women
#b06b1d Deuteranomaly 6% of men, 0.4% of women
#cf5445 Tritanomaly 0.01% of the population

#cd521f hex color

#cd521f Color Information

#cd521f Color Conversion

Color Schemes with #cd521f

Alternatives to #cd521f

#cd521f Preview

Shades and Tints of #cd521f

Tones of #cd521f

Color Blindness Simulator