colorhexa.com

#cc2a18 hex color

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

- R 80
- G 16
- B 9
RGB color chart
- C 0
- M 79
- Y 88
- K 20
CMYK color chart

● #cc2a18 color description : Strong red.

The hexadecimal color #cc2a18 has RGB values of R:204, G:42, B:24 and CMYK values of C:0, M:0.79, Y:0.88, K:0.2. Its decimal value is 13380120.

Hex triplet	cc2a18	`#cc2a18`
RGB Decimal	204, 42, 24	`rgb(204,42,24)`
RGB Percent	80, 16.5, 9.4	`rgb(80%,16.5%,9.4%)`
CMYK	0, 79, 88, 20
HSL	6°, 78.9, 44.7	`hsl(6,78.9%,44.7%)`
HSV (or HSB)	6°, 88.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.029, 61.085, 49.844
XYZ	25.896, 14.563, 2.311
xyY	0.605, 0.34, 14.563
CIE-LCH	45.029, 78.841, 39.214
CIE-LUV	45.029, 125.508, 31.182
Hunter-Lab	38.161, 54.349, 23.121
Binary	11001100, 00101010, 00011000

#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#18bacc
```
#18bacc rgb(24,186,204)
```

Complementary Color

#cc1860
```
#cc1860 rgb(204,24,96)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#cc8418
```
#cc8418 rgb(204,132,24)
```

Analogous Color

#1860cc
```
#1860cc rgb(24,96,204)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#18cc84
```
#18cc84 rgb(24,204,132)
```

Split Complementary Color

#2a18cc
```
#2a18cc rgb(42,24,204)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#18cc2a
```
#18cc2a rgb(24,204,42)
```

Triadic Color

#cc18ba
```
#cc18ba rgb(204,24,186)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#18cc2a
```
#18cc2a rgb(24,204,42)
```
#18bacc
```
#18bacc rgb(24,186,204)
```

Tetradic Color

#881c10
```
#881c10 rgb(136,28,16)
```
#9e2113
```
#9e2113 rgb(158,33,19)
```
#b52515
```
#b52515 rgb(181,37,21)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#e32f1b
```
#e32f1b rgb(227,47,27)
```
#e74330
```
#e74330 rgb(231,67,48)
```
#e95747
```
#e95747 rgb(233,87,71)
```

Monochromatic Color

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

#cc1833
```
#cc1833 rgb(204,24,51)
```
#cc1824
```
#cc1824 rgb(204,24,36)
```
#cc1b18
```
#cc1b18 rgb(204,27,24)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#cc3918
```
#cc3918 rgb(204,57,24)
```
#cc4818
```
#cc4818 rgb(204,72,24)
```
#cc5718
```
#cc5718 rgb(204,87,24)
```

Similar Colors

Text with hexadecimal color #cc2a18

This text has a font color of #cc2a18.

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

#cc2a18 background color

This paragraph has a background color of #cc2a18.

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

#cc2a18 border color

This element has a border color of #cc2a18.

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

CSS codes

.text {color:#cc2a18;}

.background {background-color:#cc2a18;}

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

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)
```
#1c0603
```
#1c0603 rgb(28,6,3)
```
#2e0905
```
#2e0905 rgb(46,9,5)
```
#400d07
```
#400d07 rgb(64,13,7)
```
#51110a
```
#51110a rgb(81,17,10)
```
#63140c
```
#63140c rgb(99,20,12)
```
#74180e
```
#74180e rgb(116,24,14)
```
#861c10
```
#861c10 rgb(134,28,16)
```
#971f12
```
#971f12 rgb(151,31,18)
```
#a92314
```
#a92314 rgb(169,35,20)
```
#ba2616
```
#ba2616 rgb(186,38,22)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#de2e1a
```
#de2e1a rgb(222,46,26)
```

Shade Color Variation

#e53926
```
#e53926 rgb(229,57,38)
```
#e84937
```
#e84937 rgb(232,73,55)
```
#ea5949
```
#ea5949 rgb(234,89,73)
```
#ec695a
```
#ec695a rgb(236,105,90)
```
#ee796c
```
#ee796c rgb(238,121,108)
```
#f0897e
```
#f0897e rgb(240,137,126)
```
#f2998f
```
#f2998f rgb(242,153,143)
```
#f4a9a1
```
#f4a9a1 rgb(244,169,161)
```
#f6b9b2
```
#f6b9b2 rgb(246,185,178)
```
#f8c9c4
```
#f8c9c4 rgb(248,201,196)
```
#fad9d5
```
#fad9d5 rgb(250,217,213)
```
#fce9e7
```
#fce9e7 rgb(252,233,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 #de1c06 is the most saturated one.

#747070
```
#747070 rgb(116,112,112)
```
#7d6967
```
#7d6967 rgb(125,105,103)
```
#86625e
```
#86625e rgb(134,98,94)
```
#8f5b55
```
#8f5b55 rgb(143,91,85)
```
#97544d
```
#97544d rgb(151,84,77)
```
#a04d44
```
#a04d44 rgb(160,77,68)
```
#a9463b
```
#a9463b rgb(169,70,59)
```
#b23f32
```
#b23f32 rgb(178,63,50)
```
#ba382a
```
#ba382a rgb(186,56,42)
```
#c33121
```
#c33121 rgb(195,49,33)
```
#cc2a18
```
#cc2a18 rgb(204,42,24)
```
#d5230f
```
#d5230f rgb(213,35,15)
```
#de1c06
```
#de1c06 rgb(222,28,6)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6f4f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7232 Protanopia 1% of men
#8f6c00 Deuteranopia 1% of men
#ce3333 Tritanopia 0.001% of the population

Trichromacy

#9a5828 Protanomaly 1% of men, 0.01% of women
#a55408 Deuteranomaly 6% of men, 0.4% of women
#cd2f29 Tritanomaly 0.01% of the population