#cc6364 hex color

In a RGB color space, hex #cc6364 is composed of 80% red, 38.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 51% yellow and 20% black. It has a hue angle of 359.4 degrees, a saturation of 50.7% and a lightness of 59.4%. #cc6364 color hex could be obtained by blending #ffc6c8 with #990000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 80
- G 39
- B 39
RGB color chart
- C 0
- M 51
- Y 51
- K 20
CMYK color chart

● #cc6364 color description : Moderate red.

The hexadecimal color #cc6364 has RGB values of R:204, G:99, B:100 and CMYK values of C:0, M:0.51, Y:0.51, K:0.2. Its decimal value is 13394788.

Hex triplet	cc6364	`#cc6364`
RGB Decimal	204, 99, 100	`rgb(204,99,100)`
RGB Percent	80, 38.8, 39.2	`rgb(80%,38.8%,39.2%)`
CMYK	0, 51, 51, 20
HSL	359.4°, 50.7, 59.4	`hsl(359.4,50.7%,59.4%)`
HSV (or HSB)	359.4°, 51.5, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.745, 41.68, 19.219
XYZ	31.665, 22.684, 14.767
xyY	0.458, 0.328, 22.684
CIE-LCH	54.745, 45.898, 24.755
CIE-LUV	54.745, 75.77, 15.769
Hunter-Lab	47.628, 35.326, 14.957
Binary	11001100, 01100011, 01100100

#cc6364
```
#cc6364 rgb(204,99,100)
```
#63cccb
```
#63cccb rgb(99,204,203)
```

Complementary Color

#cc6399
```
#cc6399 rgb(204,99,153)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#cc9763
```
#cc9763 rgb(204,151,99)
```

Analogous Color

#6399cc
```
#6399cc rgb(99,153,204)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#63cc97
```
#63cc97 rgb(99,204,151)
```

Split Complementary Color

#6364cc
```
#6364cc rgb(99,100,204)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#64cc63
```
#64cc63 rgb(100,204,99)
```

Triadic Color

#cb63cc
```
#cb63cc rgb(203,99,204)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#64cc63
```
#64cc63 rgb(100,204,99)
```
#63cccb
```
#63cccb rgb(99,204,203)
```

Tetradic Color

#ab3839
```
#ab3839 rgb(171,56,57)
```
#be3e3f
```
#be3e3f rgb(190,62,63)
```
#c65051
```
#c65051 rgb(198,80,81)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#d27677
```
#d27677 rgb(210,118,119)
```
#d9898a
```
#d9898a rgb(217,137,138)
```
#df9d9d
```
#df9d9d rgb(223,157,157)
```

Monochromatic Color

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

#cc637e
```
#cc637e rgb(204,99,126)
```
#cc6376
```
#cc6376 rgb(204,99,118)
```
#cc636d
```
#cc636d rgb(204,99,109)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#cc6b63
```
#cc6b63 rgb(204,107,99)
```
#cc7463
```
#cc7463 rgb(204,116,99)
```
#cc7c63
```
#cc7c63 rgb(204,124,99)
```

Similar Colors

Text with hexadecimal color #cc6364

This text has a font color of #cc6364.

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

#cc6364 background color

This paragraph has a background color of #cc6364.

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

#cc6364 border color

This element has a border color of #cc6364.

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

CSS codes

.text {color:#cc6364;}

.background {background-color:#cc6364;}

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

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

#070202
```
#070202 rgb(7,2,2)
```
#150707
```
#150707 rgb(21,7,7)
```
#240c0c
```
#240c0c rgb(36,12,12)
```
#331111
```
#331111 rgb(51,17,17)
```
#421516
```
#421516 rgb(66,21,22)
```
#511a1b
```
#511a1b rgb(81,26,27)
```
#5f1f20
```
#5f1f20 rgb(95,31,32)
```
#6e2425
```
#6e2425 rgb(110,36,37)
```
#7d292a
```
#7d292a rgb(125,41,42)
```
#8c2e2f
```
#8c2e2f rgb(140,46,47)
```
#9a3233
```
#9a3233 rgb(154,50,51)
```
#a93738
```
#a93738 rgb(169,55,56)
```
#b83c3d
```
#b83c3d rgb(184,60,61)
```

Shade Color Variation

#c24547
```
#c24547 rgb(194,69,71)
```
#c75455
```
#c75455 rgb(199,84,85)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#d17273
```
#d17273 rgb(209,114,115)
```
#d68181
```
#d68181 rgb(214,129,129)
```
#da8f90
```
#da8f90 rgb(218,143,144)
```
#df9e9f
```
#df9e9f rgb(223,158,159)
```
#e4adad
```
#e4adad rgb(228,173,173)
```
#e9bcbc
```
#e9bcbc rgb(233,188,188)
```
#eecacb
```
#eecacb rgb(238,202,203)
```
#f3d9da
```
#f3d9da rgb(243,217,218)
```
#f7e8e8
```
#f7e8e8 rgb(247,232,232)
```
#fcf7f7
```
#fcf7f7 rgb(252,247,247)
```

Tint Color Variation

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

#9c9393
```
#9c9393 rgb(156,147,147)
```
#a48b8b
```
#a48b8b rgb(164,139,139)
```
#ac8383
```
#ac8383 rgb(172,131,131)
```
#b47b7b
```
#b47b7b rgb(180,123,123)
```
#bc7374
```
#bc7374 rgb(188,115,116)
```
#c46b6c
```
#c46b6c rgb(196,107,108)
```
#cc6364
```
#cc6364 rgb(204,99,100)
```
#d45b5c
```
#d45b5c rgb(212,91,92)
```
#dc5354
```
#dc5354 rgb(220,83,84)
```
#e44b4d
```
#e44b4d rgb(228,75,77)
```
#ec4345
```
#ec4345 rgb(236,67,69)
```
#f43b3d
```
#f43b3d rgb(244,59,61)
```
#fc3335
```
#fc3335 rgb(252,51,53)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#927d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8978 Protanopia 1% of men
#a18465 Deuteranopia 1% of men
#cf6a71 Tritanopia 0.001% of the population

Trichromacy

#a57b71 Protanomaly 1% of men, 0.01% of women
#b17865 Deuteranomaly 6% of men, 0.4% of women
#cd676c Tritanomaly 0.01% of the population

#cc6364 hex color

#cc6364 Color Information

#cc6364 Color Conversion

Color Schemes with #cc6364

Alternatives to #cc6364

#cc6364 Preview

Shades and Tints of #cc6364

Tones of #cc6364

Color Blindness Simulator