#cd5f33 hex color

In a RGB color space, hex #cd5f33 is composed of 80.4% red, 37.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 75.1% yellow and 19.6% black. It has a hue angle of 17.1 degrees, a saturation of 60.6% and a lightness of 50.2%. #cd5f33 color hex could be obtained by blending #ffbe66 with #9b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 37
- B 20
RGB color chart
- C 0
- M 54
- Y 75
- K 20
CMYK color chart

● #cd5f33 color description : Strong orange.

The hexadecimal color #cd5f33 has RGB values of R:205, G:95, B:51 and CMYK values of C:0, M:0.54, Y:0.75, K:0.2. Its decimal value is 13459251.

Hex triplet	cd5f33	`#cd5f33`
RGB Decimal	205, 95, 51	`rgb(205,95,51)`
RGB Percent	80.4, 37.3, 20	`rgb(80.4%,37.3%,20%)`
CMYK	0, 54, 75, 20
HSL	17.1°, 60.6, 50.2	`hsl(17.1,60.6%,50.2%)`
HSV (or HSB)	17.1°, 75.1, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.39, 40.835, 44.862
XYZ	29.868, 21.405, 5.691
xyY	0.524, 0.376, 21.405
CIE-LCH	53.39, 60.664, 47.691
CIE-LUV	53.39, 88.002, 38.269
Hunter-Lab	46.266, 34.268, 25.094
Binary	11001101, 01011111, 00110011

#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#33a1cd
```
#33a1cd rgb(51,161,205)
```

Complementary Color

#cd3354
```
#cd3354 rgb(205,51,84)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#cdac33
```
#cdac33 rgb(205,172,51)
```

Analogous Color

#3354cd
```
#3354cd rgb(51,84,205)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#33cdac
```
#33cdac rgb(51,205,172)
```

Split Complementary Color

#5f33cd
```
#5f33cd rgb(95,51,205)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#33cd5f
```
#33cd5f rgb(51,205,95)
```

Triadic Color

#cd33a1
```
#cd33a1 rgb(205,51,161)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#33cd5f
```
#33cd5f rgb(51,205,95)
```
#33a1cd
```
#33a1cd rgb(51,161,205)
```

Tetradic Color

#904223
```
#904223 rgb(144,66,35)
```
#a54c28
```
#a54c28 rgb(165,76,40)
```
#b9552d
```
#b9552d rgb(185,85,45)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#d26f47
```
#d26f47 rgb(210,111,71)
```
#d77f5c
```
#d77f5c rgb(215,127,92)
```
#dc8f70
```
#dc8f70 rgb(220,143,112)
```

Monochromatic Color

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

#cd3933
```
#cd3933 rgb(205,57,51)
```
#cd4533
```
#cd4533 rgb(205,69,51)
```
#cd5233
```
#cd5233 rgb(205,82,51)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#cd6c33
```
#cd6c33 rgb(205,108,51)
```
#cd7933
```
#cd7933 rgb(205,121,51)
```
#cd8633
```
#cd8633 rgb(205,134,51)
```

Similar Colors

Text with hexadecimal color #cd5f33

This text has a font color of #cd5f33.

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

#cd5f33 background color

This paragraph has a background color of #cd5f33.

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

#cd5f33 border color

This element has a border color of #cd5f33.

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

CSS codes

.text {color:#cd5f33;}

.background {background-color:#cd5f33;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#200f08
```
#200f08 rgb(32,15,8)
```
#30160c
```
#30160c rgb(48,22,12)
```
#401d10
```
#401d10 rgb(64,29,16)
```
#502514
```
#502514 rgb(80,37,20)
```
#5f2c17
```
#5f2c17 rgb(95,44,23)
```
#6f331b
```
#6f331b rgb(111,51,27)
```
#7f3a1f
```
#7f3a1f rgb(127,58,31)
```
#8f4223
```
#8f4223 rgb(143,66,35)
```
#9e4927
```
#9e4927 rgb(158,73,39)
```
#ae502b
```
#ae502b rgb(174,80,43)
```
#be572f
```
#be572f rgb(190,87,47)
```

Shade Color Variation

#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#d16b43
```
#d16b43 rgb(209,107,67)
```
#d57853
```
#d57853 rgb(213,120,83)
```
#d98462
```
#d98462 rgb(217,132,98)
```
#dc9072
```
#dc9072 rgb(220,144,114)
```
#e09d82
```
#e09d82 rgb(224,157,130)
```
#e4a992
```
#e4a992 rgb(228,169,146)
```
#e8b5a1
```
#e8b5a1 rgb(232,181,161)
```
#ecc2b1
```
#ecc2b1 rgb(236,194,177)
```
#f0cec1
```
#f0cec1 rgb(240,206,193)
```
#f4dbd1
```
#f4dbd1 rgb(244,219,209)
```
#f7e7e0
```
#f7e7e0 rgb(247,231,224)
```
#fbf3f0
```
#fbf3f0 rgb(251,243,240)
```

Tint Color Variation

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

#897c77
```
#897c77 rgb(137,124,119)
```
#92786e
```
#92786e rgb(146,120,110)
```
#9c7464
```
#9c7464 rgb(156,116,100)
```
#a6705a
```
#a6705a rgb(166,112,90)
```
#b06c50
```
#b06c50 rgb(176,108,80)
```
#b96747
```
#b96747 rgb(185,103,71)
```
#c3633d
```
#c3633d rgb(195,99,61)
```
#cd5f33
```
#cd5f33 rgb(205,95,51)
```
#d75b29
```
#d75b29 rgb(215,91,41)
```
#e1571f
```
#e1571f rgb(225,87,31)
```
#ea5216
```
#ea5216 rgb(234,82,22)
```
#f44e0c
```
#f44e0c rgb(244,78,12)
```
#fe4a02
```
#fe4a02 rgb(254,74,2)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8b756d Atypical Achromatopsia 0.001% of the population

Dichromacy

#938646 Protanopia 1% of men
#a57f36 Deuteranopia 1% of men
#d16268 Tritanopia 0.001% of the population

Trichromacy

#a8773f Protanomaly 1% of men, 0.01% of women
#b47334 Deuteranomaly 6% of men, 0.4% of women
#cf6154 Tritanomaly 0.01% of the population

#cd5f33 hex color

#cd5f33 Color Information

#cd5f33 Color Conversion

Color Schemes with #cd5f33

Alternatives to #cd5f33

#cd5f33 Preview

Shades and Tints of #cd5f33

Tones of #cd5f33

Color Blindness Simulator