#cc3345 hex color

In a RGB color space, hex #cc3345 is composed of 80% red, 20% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 66.2% yellow and 20% black. It has a hue angle of 352.9 degrees, a saturation of 60% and a lightness of 50%. #cc3345 color hex could be obtained by blending #ff668a with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 20
- B 27
RGB color chart
- C 0
- M 75
- Y 66
- K 20
CMYK color chart

● #cc3345 color description : Strong red.

The hexadecimal color #cc3345 has RGB values of R:204, G:51, B:69 and CMYK values of C:0, M:0.75, Y:0.66, K:0.2. Its decimal value is 13382469.

Hex triplet	cc3345	`#cc3345`
RGB Decimal	204, 51, 69	`rgb(204,51,69)`
RGB Percent	80, 20, 27.1	`rgb(80%,20%,27.1%)`
CMYK	0, 75, 66, 20
HSL	352.9°, 60, 50	`hsl(352.9,60%,50%)`
HSV (or HSB)	352.9°, 75, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.496, 59.958, 26.807
XYZ	27.161, 15.638, 7.218
xyY	0.543, 0.313, 15.638
CIE-LCH	46.496, 65.678, 24.089
CIE-LUV	46.496, 112.15, 17.111
Hunter-Lab	39.545, 53.398, 16.859
Binary	11001100, 00110011, 01000101

#cc3345
```
#cc3345 rgb(204,51,69)
```
#33ccba
```
#33ccba rgb(51,204,186)
```

Complementary Color

#cc3392
```
#cc3392 rgb(204,51,146)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#cc6e33
```
#cc6e33 rgb(204,110,51)
```

Analogous Color

#3392cc
```
#3392cc rgb(51,146,204)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#33cc6e
```
#33cc6e rgb(51,204,110)
```

Split Complementary Color

#3345cc
```
#3345cc rgb(51,69,204)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#45cc33
```
#45cc33 rgb(69,204,51)
```

Triadic Color

#ba33cc
```
#ba33cc rgb(186,51,204)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#45cc33
```
#45cc33 rgb(69,204,51)
```
#33ccba
```
#33ccba rgb(51,204,186)
```

Tetradic Color

#8f2430
```
#8f2430 rgb(143,36,48)
```
#a32937
```
#a32937 rgb(163,41,55)
```
#b82e3e
```
#b82e3e rgb(184,46,62)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#d14758
```
#d14758 rgb(209,71,88)
```
#d65c6a
```
#d65c6a rgb(214,92,106)
```
#db707d
```
#db707d rgb(219,112,125)
```

Monochromatic Color

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

#cc336b
```
#cc336b rgb(204,51,107)
```
#cc335f
```
#cc335f rgb(204,51,95)
```
#cc3352
```
#cc3352 rgb(204,51,82)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#cc3338
```
#cc3338 rgb(204,51,56)
```
#cc3b33
```
#cc3b33 rgb(204,59,51)
```
#cc4733
```
#cc4733 rgb(204,71,51)
```

Similar Colors

Text with hexadecimal color #cc3345

This text has a font color of #cc3345.

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

#cc3345 background color

This paragraph has a background color of #cc3345.

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

#cc3345 border color

This element has a border color of #cc3345.

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

CSS codes

.text {color:#cc3345;}

.background {background-color:#cc3345;}

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

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

#100405
```
#100405 rgb(16,4,5)
```
#1f080b
```
#1f080b rgb(31,8,11)
```
#2f0c10
```
#2f0c10 rgb(47,12,16)
```
#3f1015
```
#3f1015 rgb(63,16,21)
```
#4e141b
```
#4e141b rgb(78,20,27)
```
#5e1820
```
#5e1820 rgb(94,24,32)
```
#6e1b25
```
#6e1b25 rgb(110,27,37)
```
#7e1f2a
```
#7e1f2a rgb(126,31,42)
```
#8d2330
```
#8d2330 rgb(141,35,48)
```
#9d2735
```
#9d2735 rgb(157,39,53)
```
#ad2b3a
```
#ad2b3a rgb(173,43,58)
```
#bc2f40
```
#bc2f40 rgb(188,47,64)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```

Shade Color Variation

#d04353
```
#d04353 rgb(208,67,83)
```
#d45262
```
#d45262 rgb(212,82,98)
```
#d86270
```
#d86270 rgb(216,98,112)
```
#dc727e
```
#dc727e rgb(220,114,126)
```
#e0818d
```
#e0818d rgb(224,129,141)
```
#e4919b
```
#e4919b rgb(228,145,155)
```
#e7a1a9
```
#e7a1a9 rgb(231,161,169)
```
#ebb1b7
```
#ebb1b7 rgb(235,177,183)
```
#efc0c6
```
#efc0c6 rgb(239,192,198)
```
#f3d0d4
```
#f3d0d4 rgb(243,208,212)
```
#f7e0e2
```
#f7e0e2 rgb(247,224,226)
```
#fbeff1
```
#fbeff1 rgb(251,239,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#87787a
```
#87787a rgb(135,120,122)
```
#916e72
```
#916e72 rgb(145,110,114)
```
#9b646b
```
#9b646b rgb(155,100,107)
```
#a55a63
```
#a55a63 rgb(165,90,99)
```
#af505c
```
#af505c rgb(175,80,92)
```
#b84754
```
#b84754 rgb(184,71,84)
```
#c23d4d
```
#c23d4d rgb(194,61,77)
```
#cc3345
```
#cc3345 rgb(204,51,69)
```
#d6293e
```
#d6293e rgb(214,41,62)
```
#e01f36
```
#e01f36 rgb(224,31,54)
```
#e9162f
```
#e9162f rgb(233,22,47)
```
#f30c27
```
#f30c27 rgb(243,12,39)
```
#fd0220
```
#fd0220 rgb(253,2,32)
```

Tone Color Variation

Below, you can see how #cc3345 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
#78595d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7562 Protanopia 1% of men
#8e7044 Deuteranopia 1% of men
#ce3f42 Tritanopia 0.001% of the population

Trichromacy

#995d57 Protanomaly 1% of men, 0.01% of women
#a45a44 Deuteranomaly 6% of men, 0.4% of women
#cd3b43 Tritanomaly 0.01% of the population

#cc3345 hex color

#cc3345 Color Information

#cc3345 Color Conversion

Color Schemes with #cc3345

Alternatives to #cc3345

#cc3345 Preview

Shades and Tints of #cc3345

Tones of #cc3345

Color Blindness Simulator