#cc630c hex color

In a RGB color space, hex #cc630c is composed of 80% red, 38.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 94.1% yellow and 20% black. It has a hue angle of 27.2 degrees, a saturation of 88.9% and a lightness of 42.4%. #cc630c color hex could be obtained by blending #ffc618 with #990000. Closest websafe color is: #cc6600.

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

● #cc630c color description : Strong orange.

The hexadecimal color #cc630c has RGB values of R:204, G:99, B:12 and CMYK values of C:0, M:0.51, Y:0.94, K:0.2. Its decimal value is 13394700.

Hex triplet	cc630c	`#cc630c`
RGB Decimal	204, 99, 12	`rgb(204,99,12)`
RGB Percent	80, 38.8, 4.7	`rgb(80%,38.8%,4.7%)`
CMYK	0, 51, 94, 20
HSL	27.2°, 88.9, 42.4	`hsl(27.2,88.9%,42.4%)`
HSV (or HSB)	27.2°, 94.1, 80
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.804, 37.388, 59.919
XYZ	29.431, 21.79, 3.004
xyY	0.543, 0.402, 21.79
CIE-LCH	53.804, 70.626, 58.037
CIE-LUV	53.804, 87.032, 47.927
Hunter-Lab	46.68, 30.851, 28.861
Binary	11001100, 01100011, 00001100

#cc630c
```
#cc630c rgb(204,99,12)
```
#0c75cc
```
#0c75cc rgb(12,117,204)
```

Complementary Color

#cc0c15
```
#cc0c15 rgb(204,12,21)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#ccc30c
```
#ccc30c rgb(204,195,12)
```

Analogous Color

#0c15cc
```
#0c15cc rgb(12,21,204)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#0cccc3
```
#0cccc3 rgb(12,204,195)
```

Split Complementary Color

#630ccc
```
#630ccc rgb(99,12,204)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#0ccc63
```
#0ccc63 rgb(12,204,99)
```

Triadic Color

#cc0c75
```
#cc0c75 rgb(204,12,117)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#0ccc63
```
#0ccc63 rgb(12,204,99)
```
#0c75cc
```
#0c75cc rgb(12,117,204)
```

Tetradic Color

#844008
```
#844008 rgb(132,64,8)
```
#9c4c09
```
#9c4c09 rgb(156,76,9)
```
#b4570b
```
#b4570b rgb(180,87,11)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#e46f0d
```
#e46f0d rgb(228,111,13)
```
#f27b1a
```
#f27b1a rgb(242,123,26)
```
#f38932
```
#f38932 rgb(243,137,50)
```

Monochromatic Color

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

#cc330c
```
#cc330c rgb(204,51,12)
```
#cc430c
```
#cc430c rgb(204,67,12)
```
#cc530c
```
#cc530c rgb(204,83,12)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#cc730c
```
#cc730c rgb(204,115,12)
```
#cc830c
```
#cc830c rgb(204,131,12)
```
#cc930c
```
#cc930c rgb(204,147,12)
```

Similar Colors

Text with hexadecimal color #cc630c

This text has a font color of #cc630c.

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

#cc630c background color

This paragraph has a background color of #cc630c.

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

#cc630c border color

This element has a border color of #cc630c.

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

CSS codes

.text {color:#cc630c;}

.background {background-color:#cc630c;}

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

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, #000000 is the darkest color, while #fef5ed is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#130901
```
#130901 rgb(19,9,1)
```
#251202
```
#251202 rgb(37,18,2)
```
#381b03
```
#381b03 rgb(56,27,3)
```
#4a2404
```
#4a2404 rgb(74,36,4)
```
#5d2d05
```
#5d2d05 rgb(93,45,5)
```
#6f3607
```
#6f3607 rgb(111,54,7)
```
#823f08
```
#823f08 rgb(130,63,8)
```
#944809
```
#944809 rgb(148,72,9)
```
#a7510a
```
#a7510a rgb(167,81,10)
```
#b95a0b
```
#b95a0b rgb(185,90,11)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#df6c0d
```
#df6c0d rgb(223,108,13)
```

Shade Color Variation

#f1750e
```
#f1750e rgb(241,117,14)
```
#f28021
```
#f28021 rgb(242,128,33)
```
#f38a33
```
#f38a33 rgb(243,138,51)
```
#f49546
```
#f49546 rgb(244,149,70)
```
#f5a058
```
#f5a058 rgb(245,160,88)
```
#f6aa6b
```
#f6aa6b rgb(246,170,107)
```
#f7b57e
```
#f7b57e rgb(247,181,126)
```
#f8bf90
```
#f8bf90 rgb(248,191,144)
```
#facaa3
```
#facaa3 rgb(250,202,163)
```
#fbd5b5
```
#fbd5b5 rgb(251,213,181)
```
#fcdfc8
```
#fcdfc8 rgb(252,223,200)
```
#fdeada
```
#fdeada rgb(253,234,218)
```
#fef5ed
```
#fef5ed rgb(254,245,237)
```

Tint Color Variation

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

#716c67
```
#716c67 rgb(113,108,103)
```
#796b5f
```
#796b5f rgb(121,107,95)
```
#816a57
```
#816a57 rgb(129,106,87)
```
#8a694e
```
#8a694e rgb(138,105,78)
```
#926846
```
#926846 rgb(146,104,70)
```
#9a683e
```
#9a683e rgb(154,104,62)
```
#a26736
```
#a26736 rgb(162,103,54)
```
#ab662d
```
#ab662d rgb(171,102,45)
```
#b36525
```
#b36525 rgb(179,101,37)
```
#bb651d
```
#bb651d rgb(187,101,29)
```
#c46414
```
#c46414 rgb(196,100,20)
```
#cc630c
```
#cc630c rgb(204,99,12)
```
#d46204
```
#d46204 rgb(212,98,4)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#897462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978720 Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#d1646a Tritanopia 0.001% of the population

Trichromacy

#aa7a19 Protanomaly 1% of men, 0.01% of women
#b57504 Deuteranomaly 6% of men, 0.4% of women
#cf6348 Tritanomaly 0.01% of the population

#cc630c hex color

#cc630c Color Information

#cc630c Color Conversion

Color Schemes with #cc630c

Alternatives to #cc630c

#cc630c Preview

Shades and Tints of #cc630c

Tones of #cc630c

Color Blindness Simulator