colorhexa.com

#cc0303 hex color

In a RGB color space, hex #cc0303 is composed of 80% red, 1.2% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 98.5% yellow and 20% black. It has a hue angle of 0 degrees, a saturation of 97.1% and a lightness of 40.6%. #cc0303 color hex could be obtained by blending #ff0606 with #990000. Closest websafe color is: #cc0000.

- R 80
- G 1
- B 1
RGB color chart
- C 0
- M 99
- Y 99
- K 20
CMYK color chart

● #cc0303 color description : Strong red.

The hexadecimal color #cc0303 has RGB values of R:204, G:3, B:3 and CMYK values of C:0, M:0.99, Y:0.99, K:0.2. Its decimal value is 13370115.

Hex triplet	cc0303	`#cc0303`
RGB Decimal	204, 3, 3	`rgb(204,3,3)`
RGB Percent	80, 1.2, 1.2	`rgb(80%,1.2%,1.2%)`
CMYK	0, 99, 99, 20
HSL	0°, 97.1, 40.6	`hsl(0,97.1%,40.6%)`
HSV (or HSB)	0°, 98.5, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	42.631, 67.435, 55.794
XYZ	24.952, 12.912, 1.265
xyY	0.638, 0.33, 12.912
CIE-LCH	42.631, 87.524, 39.603
CIE-LUV	42.631, 139.036, 29.994
Hunter-Lab	35.934, 61.065, 23.067
Binary	11001100, 00000011, 00000011

#cc0303
```
#cc0303 rgb(204,3,3)
```
#03cccc
```
#03cccc rgb(3,204,204)
```

Complementary Color

#cc0368
```
#cc0368 rgb(204,3,104)
```
#cc0303
```
#cc0303 rgb(204,3,3)
```
#cc6803
```
#cc6803 rgb(204,104,3)
```

Analogous Color

#0368cc
```
#0368cc rgb(3,104,204)
```
#cc0303
```
#cc0303 rgb(204,3,3)
```
#03cc68
```
#03cc68 rgb(3,204,104)
```

Split Complementary Color

#810202
```
#810202 rgb(129,2,2)
```
#9a0202
```
#9a0202 rgb(154,2,2)
```
#b30303
```
#b30303 rgb(179,3,3)
```
#cc0303
```
#cc0303 rgb(204,3,3)
```
#e50303
```
#e50303 rgb(229,3,3)
```
#fb0707
```
#fb0707 rgb(251,7,7)
```
#fc2020
```
#fc2020 rgb(252,32,32)
```

Monochromatic Color

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

#cc0335
```
#cc0335 rgb(204,3,53)
```
#cc0325
```
#cc0325 rgb(204,3,37)
```
#cc0314
```
#cc0314 rgb(204,3,20)
```
#cc0303
```
#cc0303 rgb(204,3,3)
```
#cc1403
```
#cc1403 rgb(204,20,3)
```
#cc2503
```
#cc2503 rgb(204,37,3)
```
#cc3503
```
#cc3503 rgb(204,53,3)
```

Similar Colors

Text with hexadecimal color #cc0303

This text has a font color of #cc0303.

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

#cc0303 background color

This paragraph has a background color of #cc0303.

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

#cc0303 border color

This element has a border color of #cc0303.

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

CSS codes

.text {color:#cc0303;}

.background {background-color:#cc0303;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1e0000
```
#1e0000 rgb(30,0,0)
```
#310101
```
#310101 rgb(49,1,1)
```
#450101
```
#450101 rgb(69,1,1)
```
#580101
```
#580101 rgb(88,1,1)
```
#6b0202
```
#6b0202 rgb(107,2,2)
```
#7f0202
```
#7f0202 rgb(127,2,2)
```
#920202
```
#920202 rgb(146,2,2)
```
#a50202
```
#a50202 rgb(165,2,2)
```
#b90303
```
#b90303 rgb(185,3,3)
```
#cc0303
```
#cc0303 rgb(204,3,3)
```
#df0303
```
#df0303 rgb(223,3,3)
```
#f30404
```
#f30404 rgb(243,4,4)
```

Shade Color Variation

#fb0e0e
```
#fb0e0e rgb(251,14,14)
```
#fc2222
```
#fc2222 rgb(252,34,34)
```
#fc3535
```
#fc3535 rgb(252,53,53)
```
#fc4848
```
#fc4848 rgb(252,72,72)
```
#fd5c5c
```
#fd5c5c rgb(253,92,92)
```
#fd6f6f
```
#fd6f6f rgb(253,111,111)
```
#fd8282
```
#fd8282 rgb(253,130,130)
```
#fd9696
```
#fd9696 rgb(253,150,150)
```
#fea9a9
```
#fea9a9 rgb(254,169,169)
```
#febcbc
```
#febcbc rgb(254,188,188)
```
#fed0d0
```
#fed0d0 rgb(254,208,208)
```
#ffe3e3
```
#ffe3e3 rgb(255,227,227)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#6c6363
```
#6c6363 rgb(108,99,99)
```
#745b5b
```
#745b5b rgb(116,91,91)
```
#7c5353
```
#7c5353 rgb(124,83,83)
```
#844b4b
```
#844b4b rgb(132,75,75)
```
#8c4343
```
#8c4343 rgb(140,67,67)
```
#943b3b
```
#943b3b rgb(148,59,59)
```
#9c3333
```
#9c3333 rgb(156,51,51)
```
#a42b2b
```
#a42b2b rgb(164,43,43)
```
#ac2323
```
#ac2323 rgb(172,35,35)
```
#b41b1b
```
#b41b1b rgb(180,27,27)
```
#bc1313
```
#bc1313 rgb(188,19,19)
```
#c40b0b
```
#c40b0b rgb(196,11,11)
```
#cc0303
```
#cc0303 rgb(204,3,3)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#5b3333 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796c20 Protanopia 1% of men
#876700 Deuteranopia 1% of men
#cd1600 Tritanopia 0.001% of the population

Trichromacy

#974615 Protanomaly 1% of men, 0.01% of women
#a04301 Deuteranomaly 6% of men, 0.4% of women
#cd0f01 Tritanomaly 0.01% of the population