#cc0306 hex color

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

♥
- f
- t
- g
- R 80
- G 1
- B 2
RGB color chart
- C 0
- M 99
- Y 97
- K 20
CMYK color chart

● #cc0306 color description : Strong red.

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

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

CIE-LAB	42.641, 67.463, 54.8
XYZ	24.969, 12.919, 1.351
xyY	0.636, 0.329, 12.919
CIE-LCH	42.641, 86.915, 39.087
CIE-LUV	42.641, 138.814, 29.662
Hunter-Lab	35.943, 61.099, 22.931
Binary	11001100, 00000011, 00000110

#cc0306
```
#cc0306 rgb(204,3,6)
```
#03ccc9
```
#03ccc9 rgb(3,204,201)
```

Complementary Color

#cc036b
```
#cc036b rgb(204,3,107)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#cc6503
```
#cc6503 rgb(204,101,3)
```

Analogous Color

#036bcc
```
#036bcc rgb(3,107,204)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#03cc65
```
#03cc65 rgb(3,204,101)
```

Split Complementary Color

#0306cc
```
#0306cc rgb(3,6,204)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#06cc03
```
#06cc03 rgb(6,204,3)
```

Triadic Color

#c903cc
```
#c903cc rgb(201,3,204)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#06cc03
```
#06cc03 rgb(6,204,3)
```
#03ccc9
```
#03ccc9 rgb(3,204,201)
```

Tetradic Color

#810204
```
#810204 rgb(129,2,4)
```
#9a0205
```
#9a0205 rgb(154,2,5)
```
#b30305
```
#b30305 rgb(179,3,5)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#e50307
```
#e50307 rgb(229,3,7)
```
#fb070a
```
#fb070a rgb(251,7,10)
```
#fc2023
```
#fc2023 rgb(252,32,35)
```

Monochromatic Color

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

#cc0338
```
#cc0338 rgb(204,3,56)
```
#cc0328
```
#cc0328 rgb(204,3,40)
```
#cc0317
```
#cc0317 rgb(204,3,23)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#cc1103
```
#cc1103 rgb(204,17,3)
```
#cc2203
```
#cc2203 rgb(204,34,3)
```
#cc3203
```
#cc3203 rgb(204,50,3)
```

Similar Colors

Text with hexadecimal color #cc0306

This text has a font color of #cc0306.

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

#cc0306 background color

This paragraph has a background color of #cc0306.

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

#cc0306 border color

This element has a border color of #cc0306.

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

CSS codes

.text {color:#cc0306;}

.background {background-color:#cc0306;}

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

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)
```
#1e0001
```
#1e0001 rgb(30,0,1)
```
#310101
```
#310101 rgb(49,1,1)
```
#450102
```
#450102 rgb(69,1,2)
```
#580103
```
#580103 rgb(88,1,3)
```
#6b0203
```
#6b0203 rgb(107,2,3)
```
#7f0204
```
#7f0204 rgb(127,2,4)
```
#920204
```
#920204 rgb(146,2,4)
```
#a50205
```
#a50205 rgb(165,2,5)
```
#b90305
```
#b90305 rgb(185,3,5)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```
#df0307
```
#df0307 rgb(223,3,7)
```
#f30407
```
#f30407 rgb(243,4,7)
```

Shade Color Variation

#fb0e12
```
#fb0e12 rgb(251,14,18)
```
#fc2225
```
#fc2225 rgb(252,34,37)
```
#fc3538
```
#fc3538 rgb(252,53,56)
```
#fc484b
```
#fc484b rgb(252,72,75)
```
#fd5c5e
```
#fd5c5e rgb(253,92,94)
```
#fd6f71
```
#fd6f71 rgb(253,111,113)
```
#fd8284
```
#fd8284 rgb(253,130,132)
```
#fd9697
```
#fd9697 rgb(253,150,151)
```
#fea9aa
```
#fea9aa rgb(254,169,170)
```
#febcbd
```
#febcbd rgb(254,188,189)
```
#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 #cc0306 is the most saturated one.

#6c6363
```
#6c6363 rgb(108,99,99)
```
#745b5b
```
#745b5b rgb(116,91,91)
```
#7c5353
```
#7c5353 rgb(124,83,83)
```
#844b4c
```
#844b4c rgb(132,75,76)
```
#8c4344
```
#8c4344 rgb(140,67,68)
```
#943b3c
```
#943b3c rgb(148,59,60)
```
#9c3334
```
#9c3334 rgb(156,51,52)
```
#a42b2d
```
#a42b2d rgb(164,43,45)
```
#ac2325
```
#ac2325 rgb(172,35,37)
```
#b41b1d
```
#b41b1d rgb(180,27,29)
```
#bc1315
```
#bc1315 rgb(188,19,21)
```
#c40b0e
```
#c40b0e rgb(196,11,14)
```
#cc0306
```
#cc0306 rgb(204,3,6)
```

Tone Color Variation

Below, you can see how #cc0306 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
#5b3334 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#974618 Protanomaly 1% of men, 0.01% of women
#a04302 Deuteranomaly 6% of men, 0.4% of women
#cd0f02 Tritanomaly 0.01% of the population

#cc0306 hex color

#cc0306 Color Information

#cc0306 Color Conversion

Color Schemes with #cc0306

Alternatives to #cc0306

#cc0306 Preview

Shades and Tints of #cc0306

Tones of #cc0306

Color Blindness Simulator