#cc631b hex color

In a RGB color space, hex #cc631b is composed of 80% red, 38.8% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 86.8% yellow and 20% black. It has a hue angle of 24.4 degrees, a saturation of 76.6% and a lightness of 45.3%. #cc631b color hex could be obtained by blending #ffc636 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 39
- B 11
RGB color chart
- C 0
- M 51
- Y 87
- K 20
CMYK color chart

● #cc631b color description : Strong orange.

The hexadecimal color #cc631b has RGB values of R:204, G:99, B:27 and CMYK values of C:0, M:0.51, Y:0.87, K:0.2. Its decimal value is 13394715.

Hex triplet	cc631b	`#cc631b`
RGB Decimal	204, 99, 27	`rgb(204,99,27)`
RGB Percent	80, 38.8, 10.6	`rgb(80%,38.8%,10.6%)`
CMYK	0, 51, 87, 20
HSL	24.4°, 76.6, 45.3	`hsl(24.4,76.6%,45.3%)`
HSV (or HSB)	24.4°, 86.8, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.86, 37.649, 55.69
XYZ	29.563, 21.843, 3.696
xyY	0.537, 0.396, 21.843
CIE-LCH	53.86, 67.222, 55.939
CIE-LUV	53.86, 86.286, 45.818
Hunter-Lab	46.737, 31.119, 28.027
Binary	11001100, 01100011, 00011011

#cc631b
```
#cc631b rgb(204,99,27)
```
#1b84cc
```
#1b84cc rgb(27,132,204)
```

Complementary Color

#cc1b2c
```
#cc1b2c rgb(204,27,44)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#ccbc1b
```
#ccbc1b rgb(204,188,27)
```

Analogous Color

#1b2bcc
```
#1b2bcc rgb(27,43,204)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#1bccbc
```
#1bccbc rgb(27,204,188)
```

Split Complementary Color

#631bcc
```
#631bcc rgb(99,27,204)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#1bcc63
```
#1bcc63 rgb(27,204,99)
```

Triadic Color

#cc1b84
```
#cc1b84 rgb(204,27,132)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#1bcc63
```
#1bcc63 rgb(27,204,99)
```
#1b84cc
```
#1b84cc rgb(27,132,204)
```

Tetradic Color

#884212
```
#884212 rgb(136,66,18)
```
#9f4d15
```
#9f4d15 rgb(159,77,21)
```
#b55818
```
#b55818 rgb(181,88,24)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#e16e1f
```
#e16e1f rgb(225,110,31)
```
#e47d36
```
#e47d36 rgb(228,125,54)
```
#e78b4c
```
#e78b4c rgb(231,139,76)
```

Monochromatic Color

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

#cc371b
```
#cc371b rgb(204,55,27)
```
#cc461b
```
#cc461b rgb(204,70,27)
```
#cc541b
```
#cc541b rgb(204,84,27)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#cc721b
```
#cc721b rgb(204,114,27)
```
#cc811b
```
#cc811b rgb(204,129,27)
```
#cc8f1b
```
#cc8f1b rgb(204,143,27)
```

Similar Colors

Text with hexadecimal color #cc631b

This text has a font color of #cc631b.

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

#cc631b background color

This paragraph has a background color of #cc631b.

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

#cc631b border color

This element has a border color of #cc631b.

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

CSS codes

.text {color:#cc631b;}

.background {background-color:#cc631b;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f0f04
```
#1f0f04 rgb(31,15,4)
```
#301706
```
#301706 rgb(48,23,6)
```
#412009
```
#412009 rgb(65,32,9)
```
#53280b
```
#53280b rgb(83,40,11)
```
#64310d
```
#64310d rgb(100,49,13)
```
#753910
```
#753910 rgb(117,57,16)
```
#874112
```
#874112 rgb(135,65,18)
```
#984a14
```
#984a14 rgb(152,74,20)
```
#a95216
```
#a95216 rgb(169,82,22)
```
#bb5b19
```
#bb5b19 rgb(187,91,25)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#dd6b1d
```
#dd6b1d rgb(221,107,29)
```

Shade Color Variation

#e3762b
```
#e3762b rgb(227,118,43)
```
#e5813d
```
#e5813d rgb(229,129,61)
```
#e88c4e
```
#e88c4e rgb(232,140,78)
```
#ea985f
```
#ea985f rgb(234,152,95)
```
#eca371
```
#eca371 rgb(236,163,113)
```
#eeae82
```
#eeae82 rgb(238,174,130)
```
#f1b993
```
#f1b993 rgb(241,185,147)
```
#f3c4a5
```
#f3c4a5 rgb(243,196,165)
```
#f5d0b6
```
#f5d0b6 rgb(245,208,182)
```
#f8dbc7
```
#f8dbc7 rgb(248,219,199)
```
#fae6d8
```
#fae6d8 rgb(250,230,216)
```
#fcf1ea
```
#fcf1ea rgb(252,241,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#7c726b
```
#7c726b rgb(124,114,107)
```
#857062
```
#857062 rgb(133,112,98)
```
#8e6f59
```
#8e6f59 rgb(142,111,89)
```
#976d50
```
#976d50 rgb(151,109,80)
```
#a06b47
```
#a06b47 rgb(160,107,71)
```
#a86a3f
```
#a86a3f rgb(168,106,63)
```
#b16836
```
#b16836 rgb(177,104,54)
```
#ba662d
```
#ba662d rgb(186,102,45)
```
#c36524
```
#c36524 rgb(195,101,36)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#d56112
```
#d56112 rgb(213,97,18)
```
#de6009
```
#de6009 rgb(222,96,9)
```
#e75e00
```
#e75e00 rgb(231,94,0)
```

Tone Color Variation

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

#96872e Protanopia 1% of men
#a9801a Deuteranopia 1% of men
#d1646a Tritanopia 0.001% of the population

Trichromacy

#aa7a27 Protanomaly 1% of men, 0.01% of women
#b5751a Deuteranomaly 6% of men, 0.4% of women
#cf644d Tritanomaly 0.01% of the population

#cc631b hex color

#cc631b Color Information

#cc631b Color Conversion

Color Schemes with #cc631b

Alternatives to #cc631b

#cc631b Preview

Shades and Tints of #cc631b

Tones of #cc631b

Color Blindness Simulator