#cd631f hex color

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

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

● #cd631f color description : Strong orange.

The hexadecimal color #cd631f has RGB values of R:205, G:99, B:31 and CMYK values of C:0, M:0.52, Y:0.85, K:0.2. Its decimal value is 13460255.

Hex triplet	cd631f	`#cd631f`
RGB Decimal	205, 99, 31	`rgb(205,99,31)`
RGB Percent	80.4, 38.8, 12.2	`rgb(80.4%,38.8%,12.2%)`
CMYK	0, 52, 85, 20
HSL	23.4°, 73.7, 46.3	`hsl(23.4,73.7%,46.3%)`
HSV (or HSB)	23.4°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.032, 38.143, 54.427
XYZ	29.887, 22.005, 3.97
xyY	0.535, 0.394, 22.005
CIE-LCH	54.032, 66.462, 54.976
CIE-LUV	54.032, 86.849, 45.113
Hunter-Lab	46.909, 31.637, 27.819
Binary	11001101, 01100011, 00011111

#cd631f
```
#cd631f rgb(205,99,31)
```
#1f89cd
```
#1f89cd rgb(31,137,205)
```

Complementary Color

#cd1f32
```
#cd1f32 rgb(205,31,50)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#cdba1f
```
#cdba1f rgb(205,186,31)
```

Analogous Color

#1f32cd
```
#1f32cd rgb(31,50,205)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#1fcdba
```
#1fcdba rgb(31,205,186)
```

Split Complementary Color

#631fcd
```
#631fcd rgb(99,31,205)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#1fcd63
```
#1fcd63 rgb(31,205,99)
```

Triadic Color

#cd1f89
```
#cd1f89 rgb(205,31,137)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#1fcd63
```
#1fcd63 rgb(31,205,99)
```
#1f89cd
```
#1f89cd rgb(31,137,205)
```

Tetradic Color

#8b4315
```
#8b4315 rgb(139,67,21)
```
#a14e18
```
#a14e18 rgb(161,78,24)
```
#b7581c
```
#b7581c rgb(183,88,28)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#de6f27
```
#de6f27 rgb(222,111,39)
```
#e27e3d
```
#e27e3d rgb(226,126,61)
```
#e58c53
```
#e58c53 rgb(229,140,83)
```

Monochromatic Color

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

#cd381f
```
#cd381f rgb(205,56,31)
```
#cd461f
```
#cd461f rgb(205,70,31)
```
#cd551f
```
#cd551f rgb(205,85,31)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#cd721f
```
#cd721f rgb(205,114,31)
```
#cd801f
```
#cd801f rgb(205,128,31)
```
#cd8f1f
```
#cd8f1f rgb(205,143,31)
```

Similar Colors

Text with hexadecimal color #cd631f

This text has a font color of #cd631f.

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

#cd631f background color

This paragraph has a background color of #cd631f.

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

#cd631f border color

This element has a border color of #cd631f.

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

CSS codes

.text {color:#cd631f;}

.background {background-color:#cd631f;}

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

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)
```
#231105
```
#231105 rgb(35,17,5)
```
#341908
```
#341908 rgb(52,25,8)
```
#45210a
```
#45210a rgb(69,33,10)
```
#56290d
```
#56290d rgb(86,41,13)
```
#673210
```
#673210 rgb(103,50,16)
```
#783a12
```
#783a12 rgb(120,58,18)
```
#894215
```
#894215 rgb(137,66,21)
```
#9a4a17
```
#9a4a17 rgb(154,74,23)
```
#ab531a
```
#ab531a rgb(171,83,26)
```
#bc5b1c
```
#bc5b1c rgb(188,91,28)
```
#cd631f
```
#cd631f rgb(205,99,31)
```

Shade Color Variation

#de6b22
```
#de6b22 rgb(222,107,34)
```
#e07733
```
#e07733 rgb(224,119,51)
```
#e38244
```
#e38244 rgb(227,130,68)
```
#e58d55
```
#e58d55 rgb(229,141,85)
```
#e89966
```
#e89966 rgb(232,153,102)
```
#eaa477
```
#eaa477 rgb(234,164,119)
```
#edb088
```
#edb088 rgb(237,176,136)
```
#f0bb99
```
#f0bb99 rgb(240,187,153)
```
#f2c6aa
```
#f2c6aa rgb(242,198,170)
```
#f5d2bb
```
#f5d2bb rgb(245,210,187)
```
#f7ddcc
```
#f7ddcc rgb(247,221,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 #e85d04 is the most saturated one.

#7b7571
```
#7b7571 rgb(123,117,113)
```
#847368
```
#847368 rgb(132,115,104)
```
#8d715f
```
#8d715f rgb(141,113,95)
```
#976f55
```
#976f55 rgb(151,111,85)
```
#a06d4c
```
#a06d4c rgb(160,109,76)
```
#a96b43
```
#a96b43 rgb(169,107,67)
```
#b2693a
```
#b2693a rgb(178,105,58)
```
#bb6731
```
#bb6731 rgb(187,103,49)
```
#c46528
```
#c46528 rgb(196,101,40)
```
#cd631f
```
#cd631f rgb(205,99,31)
```
#d66116
```
#d66116 rgb(214,97,22)
```
#df5f0d
```
#df5f0d rgb(223,95,13)
```
#e85d04
```
#e85d04 rgb(232,93,4)
```

Tone Color Variation

Below, you can see how #cd631f 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
#8b7669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978732 Protanopia 1% of men
#a9811f Deuteranopia 1% of men
#d2646b Tritanopia 0.001% of the population

Trichromacy

#aa7a2b Protanomaly 1% of men, 0.01% of women
#b6761f Deuteranomaly 6% of men, 0.4% of women
#d0644f Tritanomaly 0.01% of the population

#cd631f hex color

#cd631f Color Information

#cd631f Color Conversion

Color Schemes with #cd631f

Alternatives to #cd631f

#cd631f Preview

Shades and Tints of #cd631f

Tones of #cd631f

Color Blindness Simulator