#cd522f hex color

In a RGB color space, hex #cd522f is composed of 80.4% red, 32.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 77.1% yellow and 19.6% black. It has a hue angle of 13.3 degrees, a saturation of 62.7% and a lightness of 49.4%. #cd522f color hex could be obtained by blending #ffa45e with #9b0000. Closest websafe color is: #cc6633.

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

● #cd522f color description : Strong red.

The hexadecimal color #cd522f has RGB values of R:205, G:82, B:47 and CMYK values of C:0, M:0.6, Y:0.77, K:0.2. Its decimal value is 13455919.

Hex triplet	cd522f	`#cd522f`
RGB Decimal	205, 82, 47	`rgb(205,82,47)`
RGB Percent	80.4, 32.2, 18.4	`rgb(80.4%,32.2%,18.4%)`
CMYK	0, 60, 77, 20
HSL	13.3°, 62.7, 49.4	`hsl(13.3,62.7%,49.4%)`
HSV (or HSB)	13.3°, 77.1, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.946, 46.915, 44.345
XYZ	28.708, 19.222, 4.888
xyY	0.544, 0.364, 19.222
CIE-LCH	50.946, 64.556, 43.387
CIE-LUV	50.946, 98.256, 35.241
Hunter-Lab	43.843, 40.157, 24.08
Binary	11001101, 01010010, 00101111

#cd522f
```
#cd522f rgb(205,82,47)
```
#2faacd
```
#2faacd rgb(47,170,205)
```

Complementary Color

#cd2f5b
```
#cd2f5b rgb(205,47,91)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#cda12f
```
#cda12f rgb(205,161,47)
```

Analogous Color

#2f5bcd
```
#2f5bcd rgb(47,91,205)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#2fcda1
```
#2fcda1 rgb(47,205,161)
```

Split Complementary Color

#522fcd
```
#522fcd rgb(82,47,205)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#2fcd52
```
#2fcd52 rgb(47,205,82)
```

Triadic Color

#cd2faa
```
#cd2faa rgb(205,47,170)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#2fcd52
```
#2fcd52 rgb(47,205,82)
```
#2faacd
```
#2faacd rgb(47,170,205)
```

Tetradic Color

#8f3921
```
#8f3921 rgb(143,57,33)
```
#a44125
```
#a44125 rgb(164,65,37)
```
#b84a2a
```
#b84a2a rgb(184,74,42)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#d46242
```
#d46242 rgb(212,98,66)
```
#d87357
```
#d87357 rgb(216,115,87)
```
#dd856b
```
#dd856b rgb(221,133,107)
```

Monochromatic Color

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

#cd2f34
```
#cd2f34 rgb(205,47,52)
```
#cd382f
```
#cd382f rgb(205,56,47)
```
#cd452f
```
#cd452f rgb(205,69,47)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#cd5f2f
```
#cd5f2f rgb(205,95,47)
```
#cd6c2f
```
#cd6c2f rgb(205,108,47)
```
#cd7a2f
```
#cd7a2f rgb(205,122,47)
```

Similar Colors

Text with hexadecimal color #cd522f

This text has a font color of #cd522f.

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

#cd522f background color

This paragraph has a background color of #cd522f.

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

#cd522f border color

This element has a border color of #cd522f.

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

CSS codes

.text {color:#cd522f;}

.background {background-color:#cd522f;}

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

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, #0e0503 is the darkest color, while #fefdfd is the lightest one.

#0e0503
```
#0e0503 rgb(14,5,3)
```
#1d0c07
```
#1d0c07 rgb(29,12,7)
```
#2d120a
```
#2d120a rgb(45,18,10)
```
#3d190e
```
#3d190e rgb(61,25,14)
```
#4d1f12
```
#4d1f12 rgb(77,31,18)
```
#5d2515
```
#5d2515 rgb(93,37,21)
```
#6d2c19
```
#6d2c19 rgb(109,44,25)
```
#7d321d
```
#7d321d rgb(125,50,29)
```
#8d3820
```
#8d3820 rgb(141,56,32)
```
#9d3f24
```
#9d3f24 rgb(157,63,36)
```
#ad4528
```
#ad4528 rgb(173,69,40)
```
#bd4c2b
```
#bd4c2b rgb(189,76,43)
```
#cd522f
```
#cd522f rgb(205,82,47)
```

Shade Color Variation

#d35e3d
```
#d35e3d rgb(211,94,61)
```
#d66b4d
```
#d66b4d rgb(214,107,77)
```
#da795d
```
#da795d rgb(218,121,93)
```
#de866d
```
#de866d rgb(222,134,109)
```
#e1937d
```
#e1937d rgb(225,147,125)
```
#e5a08d
```
#e5a08d rgb(229,160,141)
```
#e8ae9d
```
#e8ae9d rgb(232,174,157)
```
#ecbbad
```
#ecbbad rgb(236,187,173)
```
#f0c8bd
```
#f0c8bd rgb(240,200,189)
```
#f3d5cd
```
#f3d5cd rgb(243,213,205)
```
#f7e3dd
```
#f7e3dd rgb(247,227,221)
```
#fbf0ed
```
#fbf0ed rgb(251,240,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#897873
```
#897873 rgb(137,120,115)
```
#937269
```
#937269 rgb(147,114,105)
```
#9d6d5f
```
#9d6d5f rgb(157,109,95)
```
#a66856
```
#a66856 rgb(166,104,86)
```
#b0624c
```
#b0624c rgb(176,98,76)
```
#ba5d42
```
#ba5d42 rgb(186,93,66)
```
#c35739
```
#c35739 rgb(195,87,57)
```
#cd522f
```
#cd522f rgb(205,82,47)
```
#d74d25
```
#d74d25 rgb(215,77,37)
```
#e0471c
```
#e0471c rgb(224,71,28)
```
#ea4212
```
#ea4212 rgb(234,66,18)
```
#f43c08
```
#f43c08 rgb(244,60,8)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#856c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8044 Protanopia 1% of men
#9e7a30 Deuteranopia 1% of men
#d1565b Tritanopia 0.001% of the population

Trichromacy

#a46f3c Protanomaly 1% of men, 0.01% of women
#af6b2f Deuteranomaly 6% of men, 0.4% of women
#cf554b Tritanomaly 0.01% of the population

#cd522f hex color

#cd522f Color Information

#cd522f Color Conversion

Color Schemes with #cd522f

Alternatives to #cd522f

#cd522f Preview

Shades and Tints of #cd522f

Tones of #cd522f

Color Blindness Simulator