#cc3057 hex color

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

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

● #cc3057 color description : Strong red.

The hexadecimal color #cc3057 has RGB values of R:204, G:48, B:87 and CMYK values of C:0, M:0.76, Y:0.57, K:0.2. Its decimal value is 13381719.

Hex triplet	cc3057	`#cc3057`
RGB Decimal	204, 48, 87	`rgb(204,48,87)`
RGB Percent	80, 18.8, 34.1	`rgb(80%,18.8%,34.1%)`
CMYK	0, 76, 57, 20
HSL	345°, 61.9, 49.4	`hsl(345,61.9%,49.4%)`
HSV (or HSB)	345°, 76.5, 80
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.502, 62.016, 15.82
XYZ	27.68, 15.643, 10.578
xyY	0.514, 0.29, 15.643
CIE-LCH	46.502, 64.002, 14.311
CIE-LUV	46.502, 108.025, 6.306
Hunter-Lab	39.551, 55.713, 11.828
Binary	11001100, 00110000, 01010111

#cc3057
```
#cc3057 rgb(204,48,87)
```
#30cca5
```
#30cca5 rgb(48,204,165)
```

Complementary Color

#cc30a5
```
#cc30a5 rgb(204,48,165)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#cc5730
```
#cc5730 rgb(204,87,48)
```

Analogous Color

#30a5cc
```
#30a5cc rgb(48,165,204)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#30cc57
```
#30cc57 rgb(48,204,87)
```

Split Complementary Color

#3057cc
```
#3057cc rgb(48,87,204)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#57cc30
```
#57cc30 rgb(87,204,48)
```

Triadic Color

#a530cc
```
#a530cc rgb(165,48,204)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#57cc30
```
#57cc30 rgb(87,204,48)
```
#30cca5
```
#30cca5 rgb(48,204,165)
```

Tetradic Color

#8e213d
```
#8e213d rgb(142,33,61)
```
#a32645
```
#a32645 rgb(163,38,69)
```
#b72b4e
```
#b72b4e rgb(183,43,78)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#d34367
```
#d34367 rgb(211,67,103)
```
#d85777
```
#d85777 rgb(216,87,119)
```
#dc6c88
```
#dc6c88 rgb(220,108,136)
```

Monochromatic Color

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

#cc307e
```
#cc307e rgb(204,48,126)
```
#cc3071
```
#cc3071 rgb(204,48,113)
```
#cc3064
```
#cc3064 rgb(204,48,100)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#cc304a
```
#cc304a rgb(204,48,74)
```
#cc303d
```
#cc303d rgb(204,48,61)
```
#cc3030
```
#cc3030 rgb(204,48,48)
```

Similar Colors

Text with hexadecimal color #cc3057

This text has a font color of #cc3057.

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

#cc3057 background color

This paragraph has a background color of #cc3057.

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

#cc3057 border color

This element has a border color of #cc3057.

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

CSS codes

.text {color:#cc3057;}

.background {background-color:#cc3057;}

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

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

#0d0306
```
#0d0306 rgb(13,3,6)
```
#1d070d
```
#1d070d rgb(29,7,13)
```
#2d0b13
```
#2d0b13 rgb(45,11,19)
```
#3d0e1a
```
#3d0e1a rgb(61,14,26)
```
#4d1221
```
#4d1221 rgb(77,18,33)
```
#5d1628
```
#5d1628 rgb(93,22,40)
```
#6d1a2e
```
#6d1a2e rgb(109,26,46)
```
#7d1d35
```
#7d1d35 rgb(125,29,53)
```
#8c213c
```
#8c213c rgb(140,33,60)
```
#9c2543
```
#9c2543 rgb(156,37,67)
```
#ac2949
```
#ac2949 rgb(172,41,73)
```
#bc2c50
```
#bc2c50 rgb(188,44,80)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```

Shade Color Variation

#d23e63
```
#d23e63 rgb(210,62,99)
```
#d54e70
```
#d54e70 rgb(213,78,112)
```
#d95e7d
```
#d95e7d rgb(217,94,125)
```
#dd6e89
```
#dd6e89 rgb(221,110,137)
```
#e17e96
```
#e17e96 rgb(225,126,150)
```
#e48da3
```
#e48da3 rgb(228,141,163)
```
#e89db0
```
#e89db0 rgb(232,157,176)
```
#ecadbd
```
#ecadbd rgb(236,173,189)
```
#efbdca
```
#efbdca rgb(239,189,202)
```
#f3cdd7
```
#f3cdd7 rgb(243,205,215)
```
#f7dde3
```
#f7dde3 rgb(247,221,227)
```
#fbedf0
```
#fbedf0 rgb(251,237,240)
```
#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 #f30944 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#887479
```
#887479 rgb(136,116,121)
```
#926a74
```
#926a74 rgb(146,106,116)
```
#9c606f
```
#9c606f rgb(156,96,111)
```
#a5576a
```
#a5576a rgb(165,87,106)
```
#af4d66
```
#af4d66 rgb(175,77,102)
```
#b94361
```
#b94361 rgb(185,67,97)
```
#c23a5c
```
#c23a5c rgb(194,58,92)
```
#cc3057
```
#cc3057 rgb(204,48,87)
```
#d62652
```
#d62652 rgb(214,38,82)
```
#df1d4d
```
#df1d4d rgb(223,29,77)
```
#e91348
```
#e91348 rgb(233,19,72)
```
#f30944
```
#f30944 rgb(243,9,68)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#785961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767578 Protanopia 1% of men
#8b7155 Deuteranopia 1% of men
#cd4143 Tritanopia 0.001% of the population

Trichromacy

#955b6c Protanomaly 1% of men, 0.01% of women
#a25956 Deuteranomaly 6% of men, 0.4% of women
#cc3a4a Tritanomaly 0.01% of the population

#cc3057 hex color

#cc3057 Color Information

#cc3057 Color Conversion

Color Schemes with #cc3057

Alternatives to #cc3057

#cc3057 Preview

Shades and Tints of #cc3057

Tones of #cc3057

Color Blindness Simulator