#cc384a hex color

In a RGB color space, hex #cc384a is composed of 80% red, 22% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.5% magenta, 63.7% yellow and 20% black. It has a hue angle of 352.7 degrees, a saturation of 59.2% and a lightness of 51%. #cc384a color hex could be obtained by blending #ff7094 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 22
- B 29
RGB color chart
- C 0
- M 73
- Y 64
- K 20
CMYK color chart

● #cc384a color description : Moderate red.

The hexadecimal color #cc384a has RGB values of R:204, G:56, B:74 and CMYK values of C:0, M:0.73, Y:0.64, K:0.2. Its decimal value is 13383754.

Hex triplet	cc384a	`#cc384a`
RGB Decimal	204, 56, 74	`rgb(204,56,74)`
RGB Percent	80, 22, 29	`rgb(80%,22%,29%)`
CMYK	0, 73, 64, 20
HSL	352.7°, 59.2, 51	`hsl(352.7,59.2%,51%)`
HSV (or HSB)	352.7°, 72.5, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.188, 58.552, 24.667
XYZ	27.553, 16.163, 8.147
xyY	0.531, 0.312, 16.163
CIE-LCH	47.188, 63.535, 22.845
CIE-LUV	47.188, 108.254, 15.773
Hunter-Lab	40.204, 51.977, 16.127
Binary	11001100, 00111000, 01001010

#cc384a
```
#cc384a rgb(204,56,74)
```
#38ccba
```
#38ccba rgb(56,204,186)
```

Complementary Color

#cc3894
```
#cc3894 rgb(204,56,148)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#cc7038
```
#cc7038 rgb(204,112,56)
```

Analogous Color

#3894cc
```
#3894cc rgb(56,148,204)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#38cc70
```
#38cc70 rgb(56,204,112)
```

Split Complementary Color

#384acc
```
#384acc rgb(56,74,204)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#4acc38
```
#4acc38 rgb(74,204,56)
```

Triadic Color

#ba38cc
```
#ba38cc rgb(186,56,204)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#4acc38
```
#4acc38 rgb(74,204,56)
```
#38ccba
```
#38ccba rgb(56,204,186)
```

Tetradic Color

#922533
```
#922533 rgb(146,37,51)
```
#a62b3a
```
#a62b3a rgb(166,43,58)
```
#bb3041
```
#bb3041 rgb(187,48,65)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#d14c5c
```
#d14c5c rgb(209,76,92)
```
#d6616f
```
#d6616f rgb(214,97,111)
```
#dc7581
```
#dc7581 rgb(220,117,129)
```

Monochromatic Color

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

#cc386f
```
#cc386f rgb(204,56,111)
```
#cc3863
```
#cc3863 rgb(204,56,99)
```
#cc3856
```
#cc3856 rgb(204,56,86)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#cc383e
```
#cc383e rgb(204,56,62)
```
#cc3f38
```
#cc3f38 rgb(204,63,56)
```
#cc4b38
```
#cc4b38 rgb(204,75,56)
```

Similar Colors

Text with hexadecimal color #cc384a

This text has a font color of #cc384a.

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

#cc384a background color

This paragraph has a background color of #cc384a.

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

#cc384a border color

This element has a border color of #cc384a.

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

CSS codes

.text {color:#cc384a;}

.background {background-color:#cc384a;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140507
```
#140507 rgb(20,5,7)
```
#23090c
```
#23090c rgb(35,9,12)
```
#330d12
```
#330d12 rgb(51,13,18)
```
#421117
```
#421117 rgb(66,17,23)
```
#52151c
```
#52151c rgb(82,21,28)
```
#621922
```
#621922 rgb(98,25,34)
```
#711d27
```
#711d27 rgb(113,29,39)
```
#81212d
```
#81212d rgb(129,33,45)
```
#912532
```
#912532 rgb(145,37,50)
```
#a02938
```
#a02938 rgb(160,41,56)
```
#b02d3d
```
#b02d3d rgb(176,45,61)
```
#bf3142
```
#bf3142 rgb(191,49,66)
```

Shade Color Variation

#cc384a
```
#cc384a rgb(204,56,74)
```
#d04858
```
#d04858 rgb(208,72,88)
```
#d45766
```
#d45766 rgb(212,87,102)
```
#d86775
```
#d86775 rgb(216,103,117)
```
#dc7683
```
#dc7683 rgb(220,118,131)
```
#e08691
```
#e08691 rgb(224,134,145)
```
#e4969f
```
#e4969f rgb(228,150,159)
```
#e8a5ad
```
#e8a5ad rgb(232,165,173)
```
#ecb5bc
```
#ecb5bc rgb(236,181,188)
```
#f0c5ca
```
#f0c5ca rgb(240,197,202)
```
#f4d4d8
```
#f4d4d8 rgb(244,212,216)
```
#f8e4e6
```
#f8e4e6 rgb(248,228,230)
```
#fcf3f4
```
#fcf3f4 rgb(252,243,244)
```

Tint Color Variation

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

#897b7d
```
#897b7d rgb(137,123,125)
```
#927276
```
#927276 rgb(146,114,118)
```
#9c686e
```
#9c686e rgb(156,104,110)
```
#a65e67
```
#a65e67 rgb(166,94,103)
```
#af5560
```
#af5560 rgb(175,85,96)
```
#b94b59
```
#b94b59 rgb(185,75,89)
```
#c24251
```
#c24251 rgb(194,66,81)
```
#cc384a
```
#cc384a rgb(204,56,74)
```
#d62e43
```
#d62e43 rgb(214,46,67)
```
#df253b
```
#df253b rgb(223,37,59)
```
#e91b34
```
#e91b34 rgb(233,27,52)
```
#f2122d
```
#f2122d rgb(242,18,45)
```
#fc0826
```
#fc0826 rgb(252,8,38)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7767 Protanopia 1% of men
#8f7249 Deuteranopia 1% of men
#ce4447 Tritanopia 0.001% of the population

Trichromacy

#99605c Protanomaly 1% of men, 0.01% of women
#a55d49 Deuteranomaly 6% of men, 0.4% of women
#cd3f48 Tritanomaly 0.01% of the population

#cc384a hex color

#cc384a Color Information

#cc384a Color Conversion

Color Schemes with #cc384a

Alternatives to #cc384a

#cc384a Preview

Shades and Tints of #cc384a

Tones of #cc384a

Color Blindness Simulator