#cd731f hex color

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

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

● #cd731f color description : Strong orange.

The hexadecimal color #cd731f has RGB values of R:205, G:115, B:31 and CMYK values of C:0, M:0.44, Y:0.85, K:0.2. Its decimal value is 13464351.

Hex triplet	cd731f	`#cd731f`
RGB Decimal	205, 115, 31	`rgb(205,115,31)`
RGB Percent	80.4, 45.1, 12.2	`rgb(80.4%,45.1%,12.2%)`
CMYK	0, 44, 85, 20
HSL	29°, 73.7, 46.3	`hsl(29,73.7%,46.3%)`
HSV (or HSB)	29°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.407, 29.808, 57.283
XYZ	31.556, 25.342, 4.526
xyY	0.514, 0.413, 25.342
CIE-LCH	57.407, 64.575, 62.509
CIE-LUV	57.407, 73.861, 50.737
Hunter-Lab	50.341, 23.795, 29.908
Binary	11001101, 01110011, 00011111

#cd731f
```
#cd731f rgb(205,115,31)
```
#1f79cd
```
#1f79cd rgb(31,121,205)
```

Complementary Color

#cd1f22
```
#cd1f22 rgb(205,31,34)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#cdca1f
```
#cdca1f rgb(205,202,31)
```

Analogous Color

#1f22cd
```
#1f22cd rgb(31,34,205)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#1fcdca
```
#1fcdca rgb(31,205,202)
```

Split Complementary Color

#731fcd
```
#731fcd rgb(115,31,205)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#1fcd73
```
#1fcd73 rgb(31,205,115)
```

Triadic Color

#cd1f79
```
#cd1f79 rgb(205,31,121)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#1fcd73
```
#1fcd73 rgb(31,205,115)
```
#1f79cd
```
#1f79cd rgb(31,121,205)
```

Tetradic Color

#8b4e15
```
#8b4e15 rgb(139,78,21)
```
#a15a18
```
#a15a18 rgb(161,90,24)
```
#b7671c
```
#b7671c rgb(183,103,28)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#de8027
```
#de8027 rgb(222,128,39)
```
#e28d3d
```
#e28d3d rgb(226,141,61)
```
#e59a53
```
#e59a53 rgb(229,154,83)
```

Monochromatic Color

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

#cd471f
```
#cd471f rgb(205,71,31)
```
#cd561f
```
#cd561f rgb(205,86,31)
```
#cd651f
```
#cd651f rgb(205,101,31)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#cd821f
```
#cd821f rgb(205,130,31)
```
#cd901f
```
#cd901f rgb(205,144,31)
```
#cd9f1f
```
#cd9f1f rgb(205,159,31)
```

Similar Colors

Text with hexadecimal color #cd731f

This text has a font color of #cd731f.

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

#cd731f background color

This paragraph has a background color of #cd731f.

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

#cd731f border color

This element has a border color of #cd731f.

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

CSS codes

.text {color:#cd731f;}

.background {background-color:#cd731f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120a03
```
#120a03 rgb(18,10,3)
```
#231305
```
#231305 rgb(35,19,5)
```
#341d08
```
#341d08 rgb(52,29,8)
```
#45270a
```
#45270a rgb(69,39,10)
```
#56300d
```
#56300d rgb(86,48,13)
```
#673a10
```
#673a10 rgb(103,58,16)
```
#784312
```
#784312 rgb(120,67,18)
```
#894d15
```
#894d15 rgb(137,77,21)
```
#9a5617
```
#9a5617 rgb(154,86,23)
```
#ab601a
```
#ab601a rgb(171,96,26)
```
#bc691c
```
#bc691c rgb(188,105,28)
```
#cd731f
```
#cd731f rgb(205,115,31)
```

Shade Color Variation

#de7d22
```
#de7d22 rgb(222,125,34)
```
#e08733
```
#e08733 rgb(224,135,51)
```
#e39144
```
#e39144 rgb(227,145,68)
```
#e59b55
```
#e59b55 rgb(229,155,85)
```
#e8a566
```
#e8a566 rgb(232,165,102)
```
#eaaf77
```
#eaaf77 rgb(234,175,119)
```
#edb988
```
#edb988 rgb(237,185,136)
```
#f0c399
```
#f0c399 rgb(240,195,153)
```
#f2cdaa
```
#f2cdaa rgb(242,205,170)
```
#f5d7bb
```
#f5d7bb rgb(245,215,187)
```
#f7e1cc
```
#f7e1cc rgb(247,225,204)
```
#faebdd
```
#faebdd rgb(250,235,221)
```
#fdf5ee
```
#fdf5ee rgb(253,245,238)
```

Tint Color Variation

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

#7b7671
```
#7b7671 rgb(123,118,113)
```
#847668
```
#847668 rgb(132,118,104)
```
#8d755f
```
#8d755f rgb(141,117,95)
```
#977555
```
#977555 rgb(151,117,85)
```
#a0754c
```
#a0754c rgb(160,117,76)
```
#a97443
```
#a97443 rgb(169,116,67)
```
#b2743a
```
#b2743a rgb(178,116,58)
```
#bb7431
```
#bb7431 rgb(187,116,49)
```
#c47328
```
#c47328 rgb(196,115,40)
```
#cd731f
```
#cd731f rgb(205,115,31)
```
#d67316
```
#d67316 rgb(214,115,22)
```
#df720d
```
#df720d rgb(223,114,13)
```
#e87204
```
#e87204 rgb(232,114,4)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#938170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09030 Protanopia 1% of men
#b38922 Deuteranopia 1% of men
#d3727a Tritanopia 0.001% of the population

Trichromacy

#b0852a Protanomaly 1% of men, 0.01% of women
#bc8121 Deuteranomaly 6% of men, 0.4% of women
#d17259 Tritanomaly 0.01% of the population

#cd731f hex color

#cd731f Color Information

#cd731f Color Conversion

Color Schemes with #cd731f

Alternatives to #cd731f

#cd731f Preview

Shades and Tints of #cd731f

Tones of #cd731f

Color Blindness Simulator