colorhexa.com

#cd531f hex color

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

- R 80
- G 33
- B 12
RGB color chart
- C 0
- M 60
- Y 85
- K 20
CMYK color chart

● #cd531f color description : Strong orange.

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

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

CIE-LAB	50.999, 45.946, 51.842
XYZ	28.519, 19.268, 3.514
xyY	0.556, 0.376, 19.268
CIE-LCH	50.999, 69.272, 48.45
CIE-LUV	50.999, 99.362, 39.931
Hunter-Lab	43.895, 39.156, 25.981
Binary	11001101, 01010011, 00011111

#cd531f
```
#cd531f rgb(205,83,31)
```
#1f99cd
```
#1f99cd rgb(31,153,205)
```

Complementary Color

#cd1f42
```
#cd1f42 rgb(205,31,66)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#cdaa1f
```
#cdaa1f rgb(205,170,31)
```

Analogous Color

#1f42cd
```
#1f42cd rgb(31,66,205)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#1fcdaa
```
#1fcdaa rgb(31,205,170)
```

Split Complementary Color

#531fcd
```
#531fcd rgb(83,31,205)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#1fcd53
```
#1fcd53 rgb(31,205,83)
```

Triadic Color

#cd1f99
```
#cd1f99 rgb(205,31,153)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#1fcd53
```
#1fcd53 rgb(31,205,83)
```
#1f99cd
```
#1f99cd rgb(31,153,205)
```

Tetradic Color

#8b3815
```
#8b3815 rgb(139,56,21)
```
#a14118
```
#a14118 rgb(161,65,24)
```
#b74a1c
```
#b74a1c rgb(183,74,28)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#de5e27
```
#de5e27 rgb(222,94,39)
```
#e26e3d
```
#e26e3d rgb(226,110,61)
```
#e57f53
```
#e57f53 rgb(229,127,83)
```

Monochromatic Color

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

#cd281f
```
#cd281f rgb(205,40,31)
```
#cd361f
```
#cd361f rgb(205,54,31)
```
#cd451f
```
#cd451f rgb(205,69,31)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#cd621f
```
#cd621f rgb(205,98,31)
```
#cd701f
```
#cd701f rgb(205,112,31)
```
#cd7f1f
```
#cd7f1f rgb(205,127,31)
```

Similar Colors

Text with hexadecimal color #cd531f

This text has a font color of #cd531f.

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

#cd531f background color

This paragraph has a background color of #cd531f.

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

#cd531f border color

This element has a border color of #cd531f.

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

CSS codes

.text {color:#cd531f;}

.background {background-color:#cd531f;}

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

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)
```
#451c0a
```
#451c0a rgb(69,28,10)
```
#56230d
```
#56230d rgb(86,35,13)
```
#672a10
```
#672a10 rgb(103,42,16)
```
#783112
```
#783112 rgb(120,49,18)
```
#893715
```
#893715 rgb(137,55,21)
```
#9a3e17
```
#9a3e17 rgb(154,62,23)
```
#ab451a
```
#ab451a rgb(171,69,26)
```
#bc4c1c
```
#bc4c1c rgb(188,76,28)
```
#cd531f
```
#cd531f rgb(205,83,31)
```

Shade Color Variation

#de5a22
```
#de5a22 rgb(222,90,34)
```
#e06733
```
#e06733 rgb(224,103,51)
```
#e37444
```
#e37444 rgb(227,116,68)
```
#e58055
```
#e58055 rgb(229,128,85)
```
#e88d66
```
#e88d66 rgb(232,141,102)
```
#ea9a77
```
#ea9a77 rgb(234,154,119)
```
#eda688
```
#eda688 rgb(237,166,136)
```
#f0b399
```
#f0b399 rgb(240,179,153)
```
#f2c0aa
```
#f2c0aa rgb(242,192,170)
```
#f5cdbb
```
#f5cdbb rgb(245,205,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 #e84804 is the most saturated one.

#7b7471
```
#7b7471 rgb(123,116,113)
```
#847068
```
#847068 rgb(132,112,104)
```
#8d6d5f
```
#8d6d5f rgb(141,109,95)
```
#976955
```
#976955 rgb(151,105,85)
```
#a0654c
```
#a0654c rgb(160,101,76)
```
#a96243
```
#a96243 rgb(169,98,67)
```
#b25e3a
```
#b25e3a rgb(178,94,58)
```
#bb5a31
```
#bb5a31 rgb(187,90,49)
```
#c45728
```
#c45728 rgb(196,87,40)
```
#cd531f
```
#cd531f rgb(205,83,31)
```
#d64f16
```
#d64f16 rgb(214,79,22)
```
#df4c0d
```
#df4c0d rgb(223,76,13)
```
#e84804
```
#e84804 rgb(232,72,4)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8034 Protanopia 1% of men
#a07a1d Deuteranopia 1% of men
#d1565b Tritanopia 0.001% of the population

Trichromacy

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