#cc1236 hex color

In a RGB color space, hex #cc1236 is composed of 80% red, 7.1% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 73.5% yellow and 20% black. It has a hue angle of 348.4 degrees, a saturation of 83.8% and a lightness of 43.5%. #cc1236 color hex could be obtained by blending #ff246c with #990000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 80
- G 7
- B 21
RGB color chart
- C 0
- M 91
- Y 74
- K 20
CMYK color chart

● #cc1236 color description : Strong red.

The hexadecimal color #cc1236 has RGB values of R:204, G:18, B:54 and CMYK values of C:0, M:0.91, Y:0.74, K:0.2. Its decimal value is 13374006.

Hex triplet	cc1236	`#cc1236`
RGB Decimal	204, 18, 54	`rgb(204,18,54)`
RGB Percent	80, 7.1, 21.2	`rgb(80%,7.1%,21.2%)`
CMYK	0, 91, 74, 20
HSL	348.4°, 83.8, 43.5	`hsl(348.4,83.8%,43.5%)`
HSV (or HSB)	348.4°, 91.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.565, 66.932, 32.315
XYZ	25.785, 13.54, 4.746
xyY	0.585, 0.307, 13.54
CIE-LCH	43.565, 74.325, 25.771
CIE-LUV	43.565, 128.225, 18.628
Hunter-Lab	36.796, 60.692, 18.111
Binary	11001100, 00010010, 00110110

#cc1236
```
#cc1236 rgb(204,18,54)
```
#12cca8
```
#12cca8 rgb(18,204,168)
```

Complementary Color

#cc1293
```
#cc1293 rgb(204,18,147)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#cc4b12
```
#cc4b12 rgb(204,75,18)
```

Analogous Color

#1293cc
```
#1293cc rgb(18,147,204)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#12cc4b
```
#12cc4b rgb(18,204,75)
```

Split Complementary Color

#1236cc
```
#1236cc rgb(18,54,204)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#36cc12
```
#36cc12 rgb(54,204,18)
```

Triadic Color

#a812cc
```
#a812cc rgb(168,18,204)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#36cc12
```
#36cc12 rgb(54,204,18)
```
#12cca8
```
#12cca8 rgb(18,204,168)
```

Tetradic Color

#860c23
```
#860c23 rgb(134,12,35)
```
#9d0e2a
```
#9d0e2a rgb(157,14,42)
```
#b51030
```
#b51030 rgb(181,16,48)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#e3143c
```
#e3143c rgb(227,20,60)
```
#ec254c
```
#ec254c rgb(236,37,76)
```
#ee3d5f
```
#ee3d5f rgb(238,61,95)
```

Monochromatic Color

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

#cc1265
```
#cc1265 rgb(204,18,101)
```
#cc1255
```
#cc1255 rgb(204,18,85)
```
#cc1246
```
#cc1246 rgb(204,18,70)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#cc1227
```
#cc1227 rgb(204,18,39)
```
#cc1217
```
#cc1217 rgb(204,18,23)
```
#cc1d12
```
#cc1d12 rgb(204,29,18)
```

Similar Colors

Text with hexadecimal color #cc1236

This text has a font color of #cc1236.

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

#cc1236 background color

This paragraph has a background color of #cc1236.

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

#cc1236 border color

This element has a border color of #cc1236.

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

CSS codes

.text {color:#cc1236;}

.background {background-color:#cc1236;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#180206
```
#180206 rgb(24,2,6)
```
#2a040b
```
#2a040b rgb(42,4,11)
```
#3c0510
```
#3c0510 rgb(60,5,16)
```
#4e0715
```
#4e0715 rgb(78,7,21)
```
#600819
```
#600819 rgb(96,8,25)
```
#720a1e
```
#720a1e rgb(114,10,30)
```
#840c23
```
#840c23 rgb(132,12,35)
```
#960d28
```
#960d28 rgb(150,13,40)
```
#a80f2c
```
#a80f2c rgb(168,15,44)
```
#ba1031
```
#ba1031 rgb(186,16,49)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#de143b
```
#de143b rgb(222,20,59)
```

Shade Color Variation

#eb1a43
```
#eb1a43 rgb(235,26,67)
```
#ec2c52
```
#ec2c52 rgb(236,44,82)
```
#ee3e60
```
#ee3e60 rgb(238,62,96)
```
#f0506f
```
#f0506f rgb(240,80,111)
```
#f1637e
```
#f1637e rgb(241,99,126)
```
#f3758d
```
#f3758d rgb(243,117,141)
```
#f4879c
```
#f4879c rgb(244,135,156)
```
#f699ab
```
#f699ab rgb(246,153,171)
```
#f8abb9
```
#f8abb9 rgb(248,171,185)
```
#f9bdc8
```
#f9bdc8 rgb(249,189,200)
```
#fbcfd7
```
#fbcfd7 rgb(251,207,215)
```
#fce1e6
```
#fce1e6 rgb(252,225,230)
```
#fef3f5
```
#fef3f5 rgb(254,243,245)
```

Tint Color Variation

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

#77676a
```
#77676a rgb(119,103,106)
```
#7f5f65
```
#7f5f65 rgb(127,95,101)
```
#885660
```
#885660 rgb(136,86,96)
```
#904e5b
```
#904e5b rgb(144,78,91)
```
#994555
```
#994555 rgb(153,69,85)
```
#a13d50
```
#a13d50 rgb(161,61,80)
```
#aa344b
```
#aa344b rgb(170,52,75)
```
#b22c46
```
#b22c46 rgb(178,44,70)
```
#bb2340
```
#bb2340 rgb(187,35,64)
```
#c31b3b
```
#c31b3b rgb(195,27,59)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#d50931
```
#d50931 rgb(213,9,49)
```
#dd012c
```
#dd012c rgb(221,1,44)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#674249 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756e57 Protanopia 1% of men
#886934 Deuteranopia 1% of men
#cd2523 Tritanopia 0.001% of the population

Trichromacy

#954c4b Protanomaly 1% of men, 0.01% of women
#a04934 Deuteranomaly 6% of men, 0.4% of women
#cd1e2a Tritanomaly 0.01% of the population

#cc1236 hex color

#cc1236 Color Information

#cc1236 Color Conversion

Color Schemes with #cc1236

Alternatives to #cc1236

#cc1236 Preview

Shades and Tints of #cc1236

Tones of #cc1236

Color Blindness Simulator