#cc2318 hex color

In a RGB color space, hex #cc2318 is composed of 80% red, 13.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.8% magenta, 88.2% yellow and 20% black. It has a hue angle of 3.7 degrees, a saturation of 78.9% and a lightness of 44.7%. #cc2318 color hex could be obtained by blending #ff4630 with #990000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 80
- G 14
- B 9
RGB color chart
- C 0
- M 83
- Y 88
- K 20
CMYK color chart

● #cc2318 color description : Strong red.

The hexadecimal color #cc2318 has RGB values of R:204, G:35, B:24 and CMYK values of C:0, M:0.83, Y:0.88, K:0.2. Its decimal value is 13378328.

Hex triplet	cc2318	`#cc2318`
RGB Decimal	204, 35, 24	`rgb(204,35,24)`
RGB Percent	80, 13.7, 9.4	`rgb(80%,13.7%,9.4%)`
CMYK	0, 83, 88, 20
HSL	3.7°, 78.9, 44.7	`hsl(3.7,78.9%,44.7%)`
HSV (or HSB)	3.7°, 88.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.388, 62.897, 49.351
XYZ	25.669, 14.109, 2.236
xyY	0.611, 0.336, 14.109
CIE-LCH	44.388, 79.947, 38.118
CIE-LUV	44.388, 128.655, 30.036
Hunter-Lab	37.562, 56.252, 22.764
Binary	11001100, 00100011, 00011000

#cc2318
```
#cc2318 rgb(204,35,24)
```
#18c1cc
```
#18c1cc rgb(24,193,204)
```

Complementary Color

#cc1867
```
#cc1867 rgb(204,24,103)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#cc7d18
```
#cc7d18 rgb(204,125,24)
```

Analogous Color

#1867cc
```
#1867cc rgb(24,103,204)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#18cc7d
```
#18cc7d rgb(24,204,125)
```

Split Complementary Color

#2318cc
```
#2318cc rgb(35,24,204)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#18cc23
```
#18cc23 rgb(24,204,35)
```

Triadic Color

#cc18c1
```
#cc18c1 rgb(204,24,193)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#18cc23
```
#18cc23 rgb(24,204,35)
```
#18c1cc
```
#18c1cc rgb(24,193,204)
```

Tetradic Color

#881710
```
#881710 rgb(136,23,16)
```
#9e1b13
```
#9e1b13 rgb(158,27,19)
```
#b51f15
```
#b51f15 rgb(181,31,21)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#e3271b
```
#e3271b rgb(227,39,27)
```
#e73b30
```
#e73b30 rgb(231,59,48)
```
#e95147
```
#e95147 rgb(233,81,71)
```

Monochromatic Color

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

#cc183a
```
#cc183a rgb(204,24,58)
```
#cc182b
```
#cc182b rgb(204,24,43)
```
#cc181c
```
#cc181c rgb(204,24,28)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#cc3218
```
#cc3218 rgb(204,50,24)
```
#cc4118
```
#cc4118 rgb(204,65,24)
```
#cc5018
```
#cc5018 rgb(204,80,24)
```

Similar Colors

Text with hexadecimal color #cc2318

This text has a font color of #cc2318.

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

#cc2318 background color

This paragraph has a background color of #cc2318.

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

#cc2318 border color

This element has a border color of #cc2318.

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

CSS codes

.text {color:#cc2318;}

.background {background-color:#cc2318;}

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

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

#0b0201
```
#0b0201 rgb(11,2,1)
```
#1c0503
```
#1c0503 rgb(28,5,3)
```
#2e0805
```
#2e0805 rgb(46,8,5)
```
#400b07
```
#400b07 rgb(64,11,7)
```
#510e0a
```
#510e0a rgb(81,14,10)
```
#63110c
```
#63110c rgb(99,17,12)
```
#74140e
```
#74140e rgb(116,20,14)
```
#861710
```
#861710 rgb(134,23,16)
```
#971a12
```
#971a12 rgb(151,26,18)
```
#a91d14
```
#a91d14 rgb(169,29,20)
```
#ba2016
```
#ba2016 rgb(186,32,22)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#de261a
```
#de261a rgb(222,38,26)
```

Shade Color Variation

#e53126
```
#e53126 rgb(229,49,38)
```
#e84237
```
#e84237 rgb(232,66,55)
```
#ea5349
```
#ea5349 rgb(234,83,73)
```
#ec635a
```
#ec635a rgb(236,99,90)
```
#ee746c
```
#ee746c rgb(238,116,108)
```
#f0857e
```
#f0857e rgb(240,133,126)
```
#f2958f
```
#f2958f rgb(242,149,143)
```
#f4a6a1
```
#f4a6a1 rgb(244,166,161)
```
#f6b6b2
```
#f6b6b2 rgb(246,182,178)
```
#f8c7c4
```
#f8c7c4 rgb(248,199,196)
```
#fad8d5
```
#fad8d5 rgb(250,216,213)
```
#fce8e7
```
#fce8e7 rgb(252,232,231)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#747070
```
#747070 rgb(116,112,112)
```
#7d6867
```
#7d6867 rgb(125,104,103)
```
#86615e
```
#86615e rgb(134,97,94)
```
#8f5955
```
#8f5955 rgb(143,89,85)
```
#97514d
```
#97514d rgb(151,81,77)
```
#a04944
```
#a04944 rgb(160,73,68)
```
#a9423b
```
#a9423b rgb(169,66,59)
```
#b23a32
```
#b23a32 rgb(178,58,50)
```
#ba322a
```
#ba322a rgb(186,50,42)
```
#c32b21
```
#c32b21 rgb(195,43,33)
```
#cc2318
```
#cc2318 rgb(204,35,24)
```
#d51b0f
```
#d51b0f rgb(213,27,15)
```
#de1406
```
#de1406 rgb(222,20,6)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6c4a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7033 Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#ce2d2c Tritanopia 0.001% of the population

Trichromacy

#995429 Protanomaly 1% of men, 0.01% of women
#a45108 Deuteranomaly 6% of men, 0.4% of women
#cd2925 Tritanomaly 0.01% of the population

#cc2318 hex color

#cc2318 Color Information

#cc2318 Color Conversion

Color Schemes with #cc2318

Alternatives to #cc2318

#cc2318 Preview

Shades and Tints of #cc2318

Tones of #cc2318

Color Blindness Simulator