#cd552f hex color

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

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

● #cd552f color description : Strong red.

The hexadecimal color #cd552f has RGB values of R:205, G:85, B:47 and CMYK values of C:0, M:0.59, Y:0.77, K:0.2. Its decimal value is 13456687.

Hex triplet	cd552f	`#cd552f`
RGB Decimal	205, 85, 47	`rgb(205,85,47)`
RGB Percent	80.4, 33.3, 18.4	`rgb(80.4%,33.3%,18.4%)`
CMYK	0, 59, 77, 20
HSL	14.4°, 62.7, 49.4	`hsl(14.4,62.7%,49.4%)`
HSV (or HSB)	14.4°, 77.1, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.478, 45.518, 44.891
XYZ	28.94, 19.684, 4.965
xyY	0.54, 0.367, 19.684
CIE-LCH	51.478, 63.93, 44.603
CIE-LUV	51.478, 96.053, 36.208
Hunter-Lab	44.367, 38.789, 24.422
Binary	11001101, 01010101, 00101111

#cd552f
```
#cd552f rgb(205,85,47)
```
#2fa7cd
```
#2fa7cd rgb(47,167,205)
```

Complementary Color

#cd2f58
```
#cd2f58 rgb(205,47,88)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#cda42f
```
#cda42f rgb(205,164,47)
```

Analogous Color

#2f58cd
```
#2f58cd rgb(47,88,205)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#2fcda4
```
#2fcda4 rgb(47,205,164)
```

Split Complementary Color

#552fcd
```
#552fcd rgb(85,47,205)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#2fcd55
```
#2fcd55 rgb(47,205,85)
```

Triadic Color

#cd2fa7
```
#cd2fa7 rgb(205,47,167)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#2fcd55
```
#2fcd55 rgb(47,205,85)
```
#2fa7cd
```
#2fa7cd rgb(47,167,205)
```

Tetradic Color

#8f3b21
```
#8f3b21 rgb(143,59,33)
```
#a44425
```
#a44425 rgb(164,68,37)
```
#b84c2a
```
#b84c2a rgb(184,76,42)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#d46542
```
#d46542 rgb(212,101,66)
```
#d87657
```
#d87657 rgb(216,118,87)
```
#dd876b
```
#dd876b rgb(221,135,107)
```

Monochromatic Color

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

#cd2f31
```
#cd2f31 rgb(205,47,49)
```
#cd3b2f
```
#cd3b2f rgb(205,59,47)
```
#cd482f
```
#cd482f rgb(205,72,47)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#cd622f
```
#cd622f rgb(205,98,47)
```
#cd6f2f
```
#cd6f2f rgb(205,111,47)
```
#cd7d2f
```
#cd7d2f rgb(205,125,47)
```

Similar Colors

Text with hexadecimal color #cd552f

This text has a font color of #cd552f.

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

#cd552f background color

This paragraph has a background color of #cd552f.

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

#cd552f border color

This element has a border color of #cd552f.

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

CSS codes

.text {color:#cd552f;}

.background {background-color:#cd552f;}

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

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

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1d0c07
```
#1d0c07 rgb(29,12,7)
```
#2d130a
```
#2d130a rgb(45,19,10)
```
#3d190e
```
#3d190e rgb(61,25,14)
```
#4d2012
```
#4d2012 rgb(77,32,18)
```
#5d2715
```
#5d2715 rgb(93,39,21)
```
#6d2d19
```
#6d2d19 rgb(109,45,25)
```
#7d341d
```
#7d341d rgb(125,52,29)
```
#8d3b20
```
#8d3b20 rgb(141,59,32)
```
#9d4124
```
#9d4124 rgb(157,65,36)
```
#ad4828
```
#ad4828 rgb(173,72,40)
```
#bd4e2b
```
#bd4e2b rgb(189,78,43)
```
#cd552f
```
#cd552f rgb(205,85,47)
```

Shade Color Variation

#d3613d
```
#d3613d rgb(211,97,61)
```
#d66e4d
```
#d66e4d rgb(214,110,77)
```
#da7b5d
```
#da7b5d rgb(218,123,93)
```
#de886d
```
#de886d rgb(222,136,109)
```
#e1957d
```
#e1957d rgb(225,149,125)
```
#e5a28d
```
#e5a28d rgb(229,162,141)
```
#e8af9d
```
#e8af9d rgb(232,175,157)
```
#ecbcad
```
#ecbcad rgb(236,188,173)
```
#f0c9bd
```
#f0c9bd rgb(240,201,189)
```
#f3d6cd
```
#f3d6cd rgb(243,214,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 #f44108 is the most saturated one.

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#897873
```
#897873 rgb(137,120,115)
```
#937369
```
#937369 rgb(147,115,105)
```
#9d6e5f
```
#9d6e5f rgb(157,110,95)
```
#a66956
```
#a66956 rgb(166,105,86)
```
#b0644c
```
#b0644c rgb(176,100,76)
```
#ba5f42
```
#ba5f42 rgb(186,95,66)
```
#c35a39
```
#c35a39 rgb(195,90,57)
```
#cd552f
```
#cd552f rgb(205,85,47)
```
#d75025
```
#d75025 rgb(215,80,37)
```
#e04b1c
```
#e04b1c rgb(224,75,28)
```
#ea4612
```
#ea4612 rgb(234,70,18)
```
#f44108
```
#f44108 rgb(244,65,8)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#876f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8144 Protanopia 1% of men
#a07b30 Deuteranopia 1% of men
#d1595e Tritanopia 0.001% of the population

Trichromacy

#a5713c Protanomaly 1% of men, 0.01% of women
#b06d30 Deuteranomaly 6% of men, 0.4% of women
#cf574d Tritanomaly 0.01% of the population

#cd552f hex color

#cd552f Color Information

#cd552f Color Conversion

Color Schemes with #cd552f

Alternatives to #cd552f

#cd552f Preview

Shades and Tints of #cd552f

Tones of #cd552f

Color Blindness Simulator