#cd671f hex color

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

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

● #cd671f color description : Strong orange.

The hexadecimal color #cd671f has RGB values of R:205, G:103, B:31 and CMYK values of C:0, M:0.5, Y:0.85, K:0.2. Its decimal value is 13461279.

Hex triplet	cd671f	`#cd671f`
RGB Decimal	205, 103, 31	`rgb(205,103,31)`
RGB Percent	80.4, 40.4, 12.2	`rgb(80.4%,40.4%,12.2%)`
CMYK	0, 50, 85, 20
HSL	24.8°, 73.7, 46.3	`hsl(24.8,73.7%,46.3%)`
HSV (or HSB)	24.8°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.846, 36.099, 55.118
XYZ	30.276, 22.781, 4.099
xyY	0.53, 0.399, 22.781
CIE-LCH	54.846, 65.887, 56.778
CIE-LUV	54.846, 83.628, 46.484
Hunter-Lab	47.73, 29.697, 28.319
Binary	11001101, 01100111, 00011111

#cd671f
```
#cd671f rgb(205,103,31)
```
#1f85cd
```
#1f85cd rgb(31,133,205)
```

Complementary Color

#cd1f2e
```
#cd1f2e rgb(205,31,46)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#cdbe1f
```
#cdbe1f rgb(205,190,31)
```

Analogous Color

#1f2ecd
```
#1f2ecd rgb(31,46,205)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#1fcdbe
```
#1fcdbe rgb(31,205,190)
```

Split Complementary Color

#671fcd
```
#671fcd rgb(103,31,205)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#1fcd67
```
#1fcd67 rgb(31,205,103)
```

Triadic Color

#cd1f85
```
#cd1f85 rgb(205,31,133)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#1fcd67
```
#1fcd67 rgb(31,205,103)
```
#1f85cd
```
#1f85cd rgb(31,133,205)
```

Tetradic Color

#8b4615
```
#8b4615 rgb(139,70,21)
```
#a15118
```
#a15118 rgb(161,81,24)
```
#b75c1c
```
#b75c1c rgb(183,92,28)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#de7327
```
#de7327 rgb(222,115,39)
```
#e2813d
```
#e2813d rgb(226,129,61)
```
#e59053
```
#e59053 rgb(229,144,83)
```

Monochromatic Color

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

#cd3c1f
```
#cd3c1f rgb(205,60,31)
```
#cd4a1f
```
#cd4a1f rgb(205,74,31)
```
#cd591f
```
#cd591f rgb(205,89,31)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#cd761f
```
#cd761f rgb(205,118,31)
```
#cd841f
```
#cd841f rgb(205,132,31)
```
#cd931f
```
#cd931f rgb(205,147,31)
```

Similar Colors

Text with hexadecimal color #cd671f

This text has a font color of #cd671f.

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

#cd671f background color

This paragraph has a background color of #cd671f.

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

#cd671f border color

This element has a border color of #cd671f.

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

CSS codes

.text {color:#cd671f;}

.background {background-color:#cd671f;}

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

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)
```
#120903
```
#120903 rgb(18,9,3)
```
#231105
```
#231105 rgb(35,17,5)
```
#341a08
```
#341a08 rgb(52,26,8)
```
#45230a
```
#45230a rgb(69,35,10)
```
#562b0d
```
#562b0d rgb(86,43,13)
```
#673410
```
#673410 rgb(103,52,16)
```
#783c12
```
#783c12 rgb(120,60,18)
```
#894515
```
#894515 rgb(137,69,21)
```
#9a4d17
```
#9a4d17 rgb(154,77,23)
```
#ab561a
```
#ab561a rgb(171,86,26)
```
#bc5e1c
```
#bc5e1c rgb(188,94,28)
```
#cd671f
```
#cd671f rgb(205,103,31)
```

Shade Color Variation

#de7022
```
#de7022 rgb(222,112,34)
```
#e07b33
```
#e07b33 rgb(224,123,51)
```
#e38644
```
#e38644 rgb(227,134,68)
```
#e59155
```
#e59155 rgb(229,145,85)
```
#e89c66
```
#e89c66 rgb(232,156,102)
```
#eaa777
```
#eaa777 rgb(234,167,119)
```
#edb288
```
#edb288 rgb(237,178,136)
```
#f0bd99
```
#f0bd99 rgb(240,189,153)
```
#f2c8aa
```
#f2c8aa rgb(242,200,170)
```
#f5d3bb
```
#f5d3bb rgb(245,211,187)
```
#f7decc
```
#f7decc rgb(247,222,204)
```
#fae9dd
```
#fae9dd rgb(250,233,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 #e86204 is the most saturated one.

#7b7571
```
#7b7571 rgb(123,117,113)
```
#847468
```
#847468 rgb(132,116,104)
```
#8d725f
```
#8d725f rgb(141,114,95)
```
#977055
```
#977055 rgb(151,112,85)
```
#a06f4c
```
#a06f4c rgb(160,111,76)
```
#a96d43
```
#a96d43 rgb(169,109,67)
```
#b26c3a
```
#b26c3a rgb(178,108,58)
```
#bb6a31
```
#bb6a31 rgb(187,106,49)
```
#c46928
```
#c46928 rgb(196,105,40)
```
#cd671f
```
#cd671f rgb(205,103,31)
```
#d66516
```
#d66516 rgb(214,101,22)
```
#df640d
```
#df640d rgb(223,100,13)
```
#e86204
```
#e86204 rgb(232,98,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8d796a Atypical Achromatopsia 0.001% of the population

Dichromacy

#998931 Protanopia 1% of men
#ab8320 Deuteranopia 1% of men
#d2686e Tritanopia 0.001% of the population

Trichromacy

#ac7d2a Protanomaly 1% of men, 0.01% of women
#b7781f Deuteranomaly 6% of men, 0.4% of women
#d06751 Tritanomaly 0.01% of the population

#cd671f hex color

#cd671f Color Information

#cd671f Color Conversion

Color Schemes with #cd671f

Alternatives to #cd671f

#cd671f Preview

Shades and Tints of #cd671f

Tones of #cd671f

Color Blindness Simulator