#cc7124 hex color

In a RGB color space, hex #cc7124 is composed of 80% red, 44.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 82.4% yellow and 20% black. It has a hue angle of 27.5 degrees, a saturation of 70% and a lightness of 47.1%. #cc7124 color hex could be obtained by blending #ffe248 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 44
- B 14
RGB color chart
- C 0
- M 45
- Y 82
- K 20
CMYK color chart

● #cc7124 color description : Strong orange.

The hexadecimal color #cc7124 has RGB values of R:204, G:113, B:36 and CMYK values of C:0, M:0.45, Y:0.82, K:0.2. Its decimal value is 13398308.

Hex triplet	cc7124	`#cc7124`
RGB Decimal	204, 113, 36	`rgb(204,113,36)`
RGB Percent	80, 44.3, 14.1	`rgb(80%,44.3%,14.1%)`
CMYK	0, 45, 82, 20
HSL	27.5°, 70, 47.1	`hsl(27.5,70%,47.1%)`
HSV (or HSB)	27.5°, 82.4, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.858, 30.597, 54.905
XYZ	31.126, 24.778, 4.812
xyY	0.513, 0.408, 24.778
CIE-LCH	56.858, 62.855, 60.87
CIE-LUV	56.858, 74.338, 48.888
Hunter-Lab	49.777, 24.509, 29.112
Binary	11001100, 01110001, 00100100

#cc7124
```
#cc7124 rgb(204,113,36)
```
#247fcc
```
#247fcc rgb(36,127,204)
```

Complementary Color

#cc242b
```
#cc242b rgb(204,36,43)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#ccc524
```
#ccc524 rgb(204,197,36)
```

Analogous Color

#242bcc
```
#242bcc rgb(36,43,204)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#24ccc5
```
#24ccc5 rgb(36,204,197)
```

Split Complementary Color

#7124cc
```
#7124cc rgb(113,36,204)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#24cc71
```
#24cc71 rgb(36,204,113)
```

Triadic Color

#cc247f
```
#cc247f rgb(204,36,127)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#24cc71
```
#24cc71 rgb(36,204,113)
```
#247fcc
```
#247fcc rgb(36,127,204)
```

Tetradic Color

#8b4d19
```
#8b4d19 rgb(139,77,25)
```
#a1591c
```
#a1591c rgb(161,89,28)
```
#b66520
```
#b66520 rgb(182,101,32)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#da7e2f
```
#da7e2f rgb(218,126,47)
```
#de8b45
```
#de8b45 rgb(222,139,69)
```
#e2995b
```
#e2995b rgb(226,153,91)
```

Monochromatic Color

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

#cc4724
```
#cc4724 rgb(204,71,36)
```
#cc5524
```
#cc5524 rgb(204,85,36)
```
#cc6324
```
#cc6324 rgb(204,99,36)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#cc7f24
```
#cc7f24 rgb(204,127,36)
```
#cc8d24
```
#cc8d24 rgb(204,141,36)
```
#cc9b24
```
#cc9b24 rgb(204,155,36)
```

Similar Colors

Text with hexadecimal color #cc7124

This text has a font color of #cc7124.

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

#cc7124 background color

This paragraph has a background color of #cc7124.

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

#cc7124 border color

This element has a border color of #cc7124.

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

CSS codes

.text {color:#cc7124;}

.background {background-color:#cc7124;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150b04
```
#150b04 rgb(21,11,4)
```
#251507
```
#251507 rgb(37,21,7)
```
#361e0a
```
#361e0a rgb(54,30,10)
```
#47270c
```
#47270c rgb(71,39,12)
```
#57300f
```
#57300f rgb(87,48,15)
```
#683a12
```
#683a12 rgb(104,58,18)
```
#794315
```
#794315 rgb(121,67,21)
```
#894c18
```
#894c18 rgb(137,76,24)
```
#9a551b
```
#9a551b rgb(154,85,27)
```
#ab5f1e
```
#ab5f1e rgb(171,95,30)
```
#bb6821
```
#bb6821 rgb(187,104,33)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```

Shade Color Variation

#d97b2a
```
#d97b2a rgb(217,123,42)
```
#dc853b
```
#dc853b rgb(220,133,59)
```
#df8f4c
```
#df8f4c rgb(223,143,76)
```
#e29a5c
```
#e29a5c rgb(226,154,92)
```
#e5a46d
```
#e5a46d rgb(229,164,109)
```
#e8ae7e
```
#e8ae7e rgb(232,174,126)
```
#ebb98e
```
#ebb98e rgb(235,185,142)
```
#eec39f
```
#eec39f rgb(238,195,159)
```
#f1ceb0
```
#f1ceb0 rgb(241,206,176)
```
#f4d8c0
```
#f4d8c0 rgb(244,216,192)
```
#f7e2d1
```
#f7e2d1 rgb(247,226,209)
```
#faede2
```
#faede2 rgb(250,237,226)
```
#fdf7f2
```
#fdf7f2 rgb(253,247,242)
```

Tint Color Variation

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

#797877
```
#797877 rgb(121,120,119)
```
#82776e
```
#82776e rgb(130,119,110)
```
#8b7665
```
#8b7665 rgb(139,118,101)
```
#95765b
```
#95765b rgb(149,118,91)
```
#9e7552
```
#9e7552 rgb(158,117,82)
```
#a77449
```
#a77449 rgb(167,116,73)
```
#b07340
```
#b07340 rgb(176,115,64)
```
#ba7336
```
#ba7336 rgb(186,115,54)
```
#c3722d
```
#c3722d rgb(195,114,45)
```
#cc7124
```
#cc7124 rgb(204,113,36)
```
#d5701b
```
#d5701b rgb(213,112,27)
```
#de6f12
```
#de6f12 rgb(222,111,18)
```
#e86f08
```
#e86f08 rgb(232,111,8)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#927f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e35 Protanopia 1% of men
#b18728 Deuteranopia 1% of men
#d27178 Tritanopia 0.001% of the population

Trichromacy

#af832e Protanomaly 1% of men, 0.01% of women
#bb7f26 Deuteranomaly 6% of men, 0.4% of women
#d07159 Tritanomaly 0.01% of the population

#cc7124 hex color

#cc7124 Color Information

#cc7124 Color Conversion

Color Schemes with #cc7124

Alternatives to #cc7124

#cc7124 Preview

Shades and Tints of #cc7124

Tones of #cc7124

Color Blindness Simulator