#cc342e hex color

In a RGB color space, hex #cc342e is composed of 80% red, 20.4% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 77.5% yellow and 20% black. It has a hue angle of 2.3 degrees, a saturation of 63.2% and a lightness of 49%. #cc342e color hex could be obtained by blending #ff685c with #990000. Closest websafe color is: #cc3333.

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

● #cc342e color description : Strong red.

The hexadecimal color #cc342e has RGB values of R:204, G:52, B:46 and CMYK values of C:0, M:0.75, Y:0.77, K:0.2. Its decimal value is 13382702.

Hex triplet	cc342e	`#cc342e`
RGB Decimal	204, 52, 46	`rgb(204,52,46)`
RGB Percent	80, 20.4, 18	`rgb(80%,20.4%,18%)`
CMYK	0, 75, 77, 20
HSL	2.3°, 63.2, 49	`hsl(2.3,63.2%,49%)`
HSV (or HSB)	2.3°, 77.5, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.303, 58.604, 39.987
XYZ	26.624, 15.494, 4.173
xyY	0.575, 0.335, 15.494
CIE-LCH	46.303, 70.946, 34.307
CIE-LUV	46.303, 116.982, 27.192
Hunter-Lab	39.362, 51.852, 21.267
Binary	11001100, 00110100, 00101110

#cc342e
```
#cc342e rgb(204,52,46)
```
#2ec6cc
```
#2ec6cc rgb(46,198,204)
```

Complementary Color

#cc2e77
```
#cc2e77 rgb(204,46,119)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#cc832e
```
#cc832e rgb(204,131,46)
```

Analogous Color

#2e77cc
```
#2e77cc rgb(46,119,204)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#2ecc83
```
#2ecc83 rgb(46,204,131)
```

Split Complementary Color

#342ecc
```
#342ecc rgb(52,46,204)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#2ecc34
```
#2ecc34 rgb(46,204,52)
```

Triadic Color

#cc2ec6
```
#cc2ec6 rgb(204,46,198)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#2ecc34
```
#2ecc34 rgb(46,204,52)
```
#2ec6cc
```
#2ec6cc rgb(46,198,204)
```

Tetradic Color

#8e2420
```
#8e2420 rgb(142,36,32)
```
#a22925
```
#a22925 rgb(162,41,37)
```
#b72f29
```
#b72f29 rgb(183,47,41)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#d44540
```
#d44540 rgb(212,69,64)
```
#d95954
```
#d95954 rgb(217,89,84)
```
#dd6e69
```
#dd6e69 rgb(221,110,105)
```

Monochromatic Color

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

#cc2e50
```
#cc2e50 rgb(204,46,80)
```
#cc2e42
```
#cc2e42 rgb(204,46,66)
```
#cc2e35
```
#cc2e35 rgb(204,46,53)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#cc412e
```
#cc412e rgb(204,65,46)
```
#cc4e2e
```
#cc4e2e rgb(204,78,46)
```
#cc5c2e
```
#cc5c2e rgb(204,92,46)
```

Similar Colors

Text with hexadecimal color #cc342e

This text has a font color of #cc342e.

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

#cc342e background color

This paragraph has a background color of #cc342e.

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

#cc342e border color

This element has a border color of #cc342e.

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

CSS codes

.text {color:#cc342e;}

.background {background-color:#cc342e;}

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

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

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1c0706
```
#1c0706 rgb(28,7,6)
```
#2c0b0a
```
#2c0b0a rgb(44,11,10)
```
#3c0f0e
```
#3c0f0e rgb(60,15,14)
```
#4c1311
```
#4c1311 rgb(76,19,17)
```
#5c1715
```
#5c1715 rgb(92,23,21)
```
#6c1c18
```
#6c1c18 rgb(108,28,24)
```
#7c201c
```
#7c201c rgb(124,32,28)
```
#8c2420
```
#8c2420 rgb(140,36,32)
```
#9c2823
```
#9c2823 rgb(156,40,35)
```
#ac2c27
```
#ac2c27 rgb(172,44,39)
```
#bc302a
```
#bc302a rgb(188,48,42)
```
#cc342e
```
#cc342e rgb(204,52,46)
```

Shade Color Variation

#d3413b
```
#d3413b rgb(211,65,59)
```
#d6504b
```
#d6504b rgb(214,80,75)
```
#da605b
```
#da605b rgb(218,96,91)
```
#de6f6b
```
#de6f6b rgb(222,111,107)
```
#e17f7b
```
#e17f7b rgb(225,127,123)
```
#e58e8b
```
#e58e8b rgb(229,142,139)
```
#e89e9b
```
#e89e9b rgb(232,158,155)
```
#ecadab
```
#ecadab rgb(236,173,171)
```
#f0bdbb
```
#f0bdbb rgb(240,189,187)
```
#f3cccb
```
#f3cccb rgb(243,204,203)
```
#f7dcdb
```
#f7dcdb rgb(247,220,219)
```
#faeceb
```
#faeceb rgb(250,236,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7f7b7b
```
#7f7b7b rgb(127,123,123)
```
#897271
```
#897271 rgb(137,114,113)
```
#926968
```
#926968 rgb(146,105,104)
```
#9c605e
```
#9c605e rgb(156,96,94)
```
#a65854
```
#a65854 rgb(166,88,84)
```
#af4f4b
```
#af4f4b rgb(175,79,75)
```
#b94641
```
#b94641 rgb(185,70,65)
```
#c23d38
```
#c23d38 rgb(194,61,56)
```
#cc342e
```
#cc342e rgb(204,52,46)
```
#d62b24
```
#d62b24 rgb(214,43,36)
```
#df221b
```
#df221b rgb(223,34,27)
```
#e91911
```
#e91911 rgb(233,25,17)
```
#f21008
```
#f21008 rgb(242,16,8)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#765857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7548 Protanopia 1% of men
#916f2c Deuteranopia 1% of men
#ce3d3f Tritanopia 0.001% of the population

Trichromacy

#9b5d3e Protanomaly 1% of men, 0.01% of women
#a65a2d Deuteranomaly 6% of men, 0.4% of women
#cd3a39 Tritanomaly 0.01% of the population

#cc342e hex color

#cc342e Color Information

#cc342e Color Conversion

Color Schemes with #cc342e

Alternatives to #cc342e

#cc342e Preview

Shades and Tints of #cc342e

Tones of #cc342e

Color Blindness Simulator