#cc304b hex color

In a RGB color space, hex #cc304b is composed of 80% red, 18.8% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.5% magenta, 63.2% yellow and 20% black. It has a hue angle of 349.6 degrees, a saturation of 61.9% and a lightness of 49.4%. #cc304b color hex could be obtained by blending #ff6096 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 19
- B 29
RGB color chart
- C 0
- M 76
- Y 63
- K 20
CMYK color chart

● #cc304b color description : Strong red.

The hexadecimal color #cc304b has RGB values of R:204, G:48, B:75 and CMYK values of C:0, M:0.76, Y:0.63, K:0.2. Its decimal value is 13381707.

Hex triplet	cc304b	`#cc304b`
RGB Decimal	204, 48, 75	`rgb(204,48,75)`
RGB Percent	80, 18.8, 29.4	`rgb(80%,18.8%,29.4%)`
CMYK	0, 76, 63, 20
HSL	349.6°, 61.9, 49.4	`hsl(349.6,61.9%,49.4%)`
HSV (or HSB)	349.6°, 76.5, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.261, 61.247, 22.864
XYZ	27.23, 15.462, 8.207
xyY	0.535, 0.304, 15.462
CIE-LCH	46.261, 65.376, 20.471
CIE-LUV	46.261, 111.84, 13.253
Hunter-Lab	39.322, 54.794, 15.151
Binary	11001100, 00110000, 01001011

#cc304b
```
#cc304b rgb(204,48,75)
```
#30ccb1
```
#30ccb1 rgb(48,204,177)
```

Complementary Color

#cc3099
```
#cc3099 rgb(204,48,153)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#cc6330
```
#cc6330 rgb(204,99,48)
```

Analogous Color

#3099cc
```
#3099cc rgb(48,153,204)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#30cc63
```
#30cc63 rgb(48,204,99)
```

Split Complementary Color

#304bcc
```
#304bcc rgb(48,75,204)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#4bcc30
```
#4bcc30 rgb(75,204,48)
```

Triadic Color

#b130cc
```
#b130cc rgb(177,48,204)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#4bcc30
```
#4bcc30 rgb(75,204,48)
```
#30ccb1
```
#30ccb1 rgb(48,204,177)
```

Tetradic Color

#8e2134
```
#8e2134 rgb(142,33,52)
```
#a3263c
```
#a3263c rgb(163,38,60)
```
#b72b43
```
#b72b43 rgb(183,43,67)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#d3435c
```
#d3435c rgb(211,67,92)
```
#d8576e
```
#d8576e rgb(216,87,110)
```
#dc6c80
```
#dc6c80 rgb(220,108,128)
```

Monochromatic Color

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

#cc3072
```
#cc3072 rgb(204,48,114)
```
#cc3065
```
#cc3065 rgb(204,48,101)
```
#cc3058
```
#cc3058 rgb(204,48,88)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#cc303e
```
#cc303e rgb(204,48,62)
```
#cc3031
```
#cc3031 rgb(204,48,49)
```
#cc3c30
```
#cc3c30 rgb(204,60,48)
```

Similar Colors

Text with hexadecimal color #cc304b

This text has a font color of #cc304b.

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

#cc304b background color

This paragraph has a background color of #cc304b.

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

#cc304b border color

This element has a border color of #cc304b.

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

CSS codes

.text {color:#cc304b;}

.background {background-color:#cc304b;}

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

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

#0d0305
```
#0d0305 rgb(13,3,5)
```
#1d070b
```
#1d070b rgb(29,7,11)
```
#2d0b11
```
#2d0b11 rgb(45,11,17)
```
#3d0e16
```
#3d0e16 rgb(61,14,22)
```
#4d121c
```
#4d121c rgb(77,18,28)
```
#5d1622
```
#5d1622 rgb(93,22,34)
```
#6d1a28
```
#6d1a28 rgb(109,26,40)
```
#7d1d2e
```
#7d1d2e rgb(125,29,46)
```
#8c2134
```
#8c2134 rgb(140,33,52)
```
#9c2539
```
#9c2539 rgb(156,37,57)
```
#ac293f
```
#ac293f rgb(172,41,63)
```
#bc2c45
```
#bc2c45 rgb(188,44,69)
```
#cc304b
```
#cc304b rgb(204,48,75)
```

Shade Color Variation

#d23e58
```
#d23e58 rgb(210,62,88)
```
#d54e65
```
#d54e65 rgb(213,78,101)
```
#d95e73
```
#d95e73 rgb(217,94,115)
```
#dd6e81
```
#dd6e81 rgb(221,110,129)
```
#e17e8f
```
#e17e8f rgb(225,126,143)
```
#e48d9c
```
#e48d9c rgb(228,141,156)
```
#e89daa
```
#e89daa rgb(232,157,170)
```
#ecadb8
```
#ecadb8 rgb(236,173,184)
```
#efbdc6
```
#efbdc6 rgb(239,189,198)
```
#f3cdd4
```
#f3cdd4 rgb(243,205,212)
```
#f7dde1
```
#f7dde1 rgb(247,221,225)
```
#fbedef
```
#fbedef rgb(251,237,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#887477
```
#887477 rgb(136,116,119)
```
#926a71
```
#926a71 rgb(146,106,113)
```
#9c606b
```
#9c606b rgb(156,96,107)
```
#a55764
```
#a55764 rgb(165,87,100)
```
#af4d5e
```
#af4d5e rgb(175,77,94)
```
#b94358
```
#b94358 rgb(185,67,88)
```
#c23a51
```
#c23a51 rgb(194,58,81)
```
#cc304b
```
#cc304b rgb(204,48,75)
```
#d62645
```
#d62645 rgb(214,38,69)
```
#df1d3e
```
#df1d3e rgb(223,29,62)
```
#e91338
```
#e91338 rgb(233,19,56)
```
#f30932
```
#f30932 rgb(243,9,50)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#77585d Atypical Achromatopsia 0.001% of the population

Dichromacy

#79746a Protanopia 1% of men
#8c704a Deuteranopia 1% of men
#cd3e41 Tritanopia 0.001% of the population

Trichromacy

#975b5e Protanomaly 1% of men, 0.01% of women
#a3584a Deuteranomaly 6% of men, 0.4% of women
#cd3944 Tritanomaly 0.01% of the population

#cc304b hex color

#cc304b Color Information

#cc304b Color Conversion

Color Schemes with #cc304b

Alternatives to #cc304b

#cc304b Preview

Shades and Tints of #cc304b

Tones of #cc304b

Color Blindness Simulator