#cd5f1f hex color

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

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

● #cd5f1f color description : Strong orange.

The hexadecimal color #cd5f1f has RGB values of R:205, G:95, B:31 and CMYK values of C:0, M:0.54, Y:0.85, K:0.2. Its decimal value is 13459231.

Hex triplet	cd5f1f	`#cd5f1f`
RGB Decimal	205, 95, 31	`rgb(205,95,31)`
RGB Percent	80.4, 37.3, 12.2	`rgb(80.4%,37.3%,12.2%)`
CMYK	0, 54, 85, 20
HSL	22.1°, 73.7, 46.3	`hsl(22.1,73.7%,46.3%)`
HSV (or HSB)	22.1°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.239, 40.155, 53.753
XYZ	29.518, 21.265, 3.847
xyY	0.54, 0.389, 21.265
CIE-LCH	53.239, 67.095, 53.239
CIE-LUV	53.239, 90.041, 43.77
Hunter-Lab	46.114, 33.556, 27.335
Binary	11001101, 01011111, 00011111

#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#1f8dcd
```
#1f8dcd rgb(31,141,205)
```

Complementary Color

#cd1f36
```
#cd1f36 rgb(205,31,54)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#cdb61f
```
#cdb61f rgb(205,182,31)
```

Analogous Color

#1f36cd
```
#1f36cd rgb(31,54,205)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#1fcdb6
```
#1fcdb6 rgb(31,205,182)
```

Split Complementary Color

#5f1fcd
```
#5f1fcd rgb(95,31,205)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#1fcd5f
```
#1fcd5f rgb(31,205,95)
```

Triadic Color

#cd1f8d
```
#cd1f8d rgb(205,31,141)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#1fcd5f
```
#1fcd5f rgb(31,205,95)
```
#1f8dcd
```
#1f8dcd rgb(31,141,205)
```

Tetradic Color

#8b4015
```
#8b4015 rgb(139,64,21)
```
#a14a18
```
#a14a18 rgb(161,74,24)
```
#b7551c
```
#b7551c rgb(183,85,28)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#de6b27
```
#de6b27 rgb(222,107,39)
```
#e27a3d
```
#e27a3d rgb(226,122,61)
```
#e58953
```
#e58953 rgb(229,137,83)
```

Monochromatic Color

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

#cd341f
```
#cd341f rgb(205,52,31)
```
#cd421f
```
#cd421f rgb(205,66,31)
```
#cd511f
```
#cd511f rgb(205,81,31)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#cd6e1f
```
#cd6e1f rgb(205,110,31)
```
#cd7c1f
```
#cd7c1f rgb(205,124,31)
```
#cd8b1f
```
#cd8b1f rgb(205,139,31)
```

Similar Colors

Text with hexadecimal color #cd5f1f

This text has a font color of #cd5f1f.

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

#cd5f1f background color

This paragraph has a background color of #cd5f1f.

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

#cd5f1f border color

This element has a border color of #cd5f1f.

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

CSS codes

.text {color:#cd5f1f;}

.background {background-color:#cd5f1f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120803
```
#120803 rgb(18,8,3)
```
#231005
```
#231005 rgb(35,16,5)
```
#341808
```
#341808 rgb(52,24,8)
```
#45200a
```
#45200a rgb(69,32,10)
```
#56280d
```
#56280d rgb(86,40,13)
```
#673010
```
#673010 rgb(103,48,16)
```
#783812
```
#783812 rgb(120,56,18)
```
#893f15
```
#893f15 rgb(137,63,21)
```
#9a4717
```
#9a4717 rgb(154,71,23)
```
#ab4f1a
```
#ab4f1a rgb(171,79,26)
```
#bc571c
```
#bc571c rgb(188,87,28)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```

Shade Color Variation

#de6722
```
#de6722 rgb(222,103,34)
```
#e07333
```
#e07333 rgb(224,115,51)
```
#e37e44
```
#e37e44 rgb(227,126,68)
```
#e58a55
```
#e58a55 rgb(229,138,85)
```
#e89666
```
#e89666 rgb(232,150,102)
```
#eaa277
```
#eaa277 rgb(234,162,119)
```
#edad88
```
#edad88 rgb(237,173,136)
```
#f0b999
```
#f0b999 rgb(240,185,153)
```
#f2c5aa
```
#f2c5aa rgb(242,197,170)
```
#f5d0bb
```
#f5d0bb rgb(245,208,187)
```
#f7dccc
```
#f7dccc rgb(247,220,204)
```
#fae8dd
```
#fae8dd rgb(250,232,221)
```
#fdf4ee
```
#fdf4ee rgb(253,244,238)
```

Tint Color Variation

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

#7b7571
```
#7b7571 rgb(123,117,113)
```
#847268
```
#847268 rgb(132,114,104)
```
#8d705f
```
#8d705f rgb(141,112,95)
```
#976d55
```
#976d55 rgb(151,109,85)
```
#a06b4c
```
#a06b4c rgb(160,107,76)
```
#a96943
```
#a96943 rgb(169,105,67)
```
#b2663a
```
#b2663a rgb(178,102,58)
```
#bb6431
```
#bb6431 rgb(187,100,49)
```
#c46128
```
#c46128 rgb(196,97,40)
```
#cd5f1f
```
#cd5f1f rgb(205,95,31)
```
#d65d16
```
#d65d16 rgb(214,93,22)
```
#df5a0d
```
#df5a0d rgb(223,90,13)
```
#e85804
```
#e85804 rgb(232,88,4)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#8a7467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948632 Protanopia 1% of men
#a67f1f Deuteranopia 1% of men
#d26167 Tritanopia 0.001% of the population

Trichromacy

#a9772b Protanomaly 1% of men, 0.01% of women
#b4731f Deuteranomaly 6% of men, 0.4% of women
#d0604c Tritanomaly 0.01% of the population

#cd5f1f hex color

#cd5f1f Color Information

#cd5f1f Color Conversion

Color Schemes with #cd5f1f

Alternatives to #cd5f1f

#cd5f1f Preview

Shades and Tints of #cd5f1f

Tones of #cd5f1f

Color Blindness Simulator