colorhexa.com

#cc631d hex color

In a RGB color space, hex #cc631d is composed of 80% red, 38.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 85.8% yellow and 20% black. It has a hue angle of 24 degrees, a saturation of 75.1% and a lightness of 45.7%. #cc631d color hex could be obtained by blending #ffc63a with #990000. Closest websafe color is: #cc6633.

- R 80
- G 39
- B 11
RGB color chart
- C 0
- M 51
- Y 86
- K 20
CMYK color chart

● #cc631d color description : Strong orange.

The hexadecimal color #cc631d has RGB values of R:204, G:99, B:29 and CMYK values of C:0, M:0.51, Y:0.86, K:0.2. Its decimal value is 13394717.

Hex triplet	cc631d	`#cc631d`
RGB Decimal	204, 99, 29	`rgb(204,99,29)`
RGB Percent	80, 38.8, 11.4	`rgb(80%,38.8%,11.4%)`
CMYK	0, 51, 86, 20
HSL	24°, 75.1, 45.7	`hsl(24,75.1%,45.7%)`
HSV (or HSB)	24°, 85.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.87, 37.697, 54.98
XYZ	29.587, 21.853, 3.822
xyY	0.535, 0.395, 21.853
CIE-LCH	53.87, 66.662, 55.564
CIE-LUV	53.87, 86.152, 45.437
Hunter-Lab	46.747, 31.168, 27.875
Binary	11001100, 01100011, 00011101

#cc631d
```
#cc631d rgb(204,99,29)
```
#1d86cc
```
#1d86cc rgb(29,134,204)
```

Complementary Color

#cc1d2f
```
#cc1d2f rgb(204,29,47)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#ccbb1d
```
#ccbb1d rgb(204,187,29)
```

Analogous Color

#1d2fcc
```
#1d2fcc rgb(29,47,204)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#1dccbb
```
#1dccbb rgb(29,204,187)
```

Split Complementary Color

#631dcc
```
#631dcc rgb(99,29,204)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#1dcc63
```
#1dcc63 rgb(29,204,99)
```

Triadic Color

#cc1d86
```
#cc1d86 rgb(204,29,134)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#1dcc63
```
#1dcc63 rgb(29,204,99)
```
#1d86cc
```
#1d86cc rgb(29,134,204)
```

Tetradic Color

#894213
```
#894213 rgb(137,66,19)
```
#9f4d17
```
#9f4d17 rgb(159,77,23)
```
#b6581a
```
#b6581a rgb(182,88,26)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#e06e23
```
#e06e23 rgb(224,110,35)
```
#e37d39
```
#e37d39 rgb(227,125,57)
```
#e68c4f
```
#e68c4f rgb(230,140,79)
```

Monochromatic Color

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

#cc371d
```
#cc371d rgb(204,55,29)
```
#cc461d
```
#cc461d rgb(204,70,29)
```
#cc541d
```
#cc541d rgb(204,84,29)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#cc721d
```
#cc721d rgb(204,114,29)
```
#cc801d
```
#cc801d rgb(204,128,29)
```
#cc8f1d
```
#cc8f1d rgb(204,143,29)
```

Similar Colors

Text with hexadecimal color #cc631d

This text has a font color of #cc631d.

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

#cc631d background color

This paragraph has a background color of #cc631d.

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

#cc631d border color

This element has a border color of #cc631d.

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

CSS codes

.text {color:#cc631d;}

.background {background-color:#cc631d;}

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

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, #0f0702 is the darkest color, while #fffefd is the lightest one.

#0f0702
```
#0f0702 rgb(15,7,2)
```
#201005
```
#201005 rgb(32,16,5)
```
#311807
```
#311807 rgb(49,24,7)
```
#432009
```
#432009 rgb(67,32,9)
```
#54290c
```
#54290c rgb(84,41,12)
```
#65310e
```
#65310e rgb(101,49,14)
```
#763911
```
#763911 rgb(118,57,17)
```
#874213
```
#874213 rgb(135,66,19)
```
#984a16
```
#984a16 rgb(152,74,22)
```
#aa5218
```
#aa5218 rgb(170,82,24)
```
#bb5b1b
```
#bb5b1b rgb(187,91,27)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#dd6b1f
```
#dd6b1f rgb(221,107,31)
```

Shade Color Variation

#e1762f
```
#e1762f rgb(225,118,47)
```
#e48240
```
#e48240 rgb(228,130,64)
```
#e68d51
```
#e68d51 rgb(230,141,81)
```
#e99862
```
#e99862 rgb(233,152,98)
```
#eba374
```
#eba374 rgb(235,163,116)
```
#eeaf85
```
#eeaf85 rgb(238,175,133)
```
#f0ba96
```
#f0ba96 rgb(240,186,150)
```
#f2c5a7
```
#f2c5a7 rgb(242,197,167)
```
#f5d1b8
```
#f5d1b8 rgb(245,209,184)
```
#f7dcc9
```
#f7dcc9 rgb(247,220,201)
```
#fae7db
```
#fae7db rgb(250,231,219)
```
#fcf2ec
```
#fcf2ec rgb(252,242,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7b736e
```
#7b736e rgb(123,115,110)
```
#847165
```
#847165 rgb(132,113,101)
```
#8d705c
```
#8d705c rgb(141,112,92)
```
#966e53
```
#966e53 rgb(150,110,83)
```
#9f6c4a
```
#9f6c4a rgb(159,108,74)
```
#a86a41
```
#a86a41 rgb(168,106,65)
```
#b16838
```
#b16838 rgb(177,104,56)
```
#ba672f
```
#ba672f rgb(186,103,47)
```
#c36526
```
#c36526 rgb(195,101,38)
```
#cc631d
```
#cc631d rgb(204,99,29)
```
#d56114
```
#d56114 rgb(213,97,20)
```
#de5f0b
```
#de5f0b rgb(222,95,11)
```
#e75e02
```
#e75e02 rgb(231,94,2)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a7567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968730 Protanopia 1% of men
#a8801d Deuteranopia 1% of men
#d1646a Tritanopia 0.001% of the population

Trichromacy

#aa7a29 Protanomaly 1% of men, 0.01% of women
#b5751d Deuteranomaly 6% of men, 0.4% of women
#cf644e Tritanomaly 0.01% of the population