#cc452e hex color

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

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

● #cc452e color description : Strong red.

The hexadecimal color #cc452e has RGB values of R:204, G:69, B:46 and CMYK values of C:0, M:0.66, Y:0.77, K:0.2. Its decimal value is 13387054.

Hex triplet	cc452e	`#cc452e`
RGB Decimal	204, 69, 46	`rgb(204,69,46)`
RGB Percent	80, 27.1, 18	`rgb(80%,27.1%,18%)`
CMYK	0, 66, 77, 20
HSL	8.7°, 63.2, 49	`hsl(8.7,63.2%,49%)`
HSV (or HSB)	8.7°, 77.5, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.628, 52.228, 42.417
XYZ	27.524, 17.294, 4.473
xyY	0.558, 0.351, 17.294
CIE-LCH	48.628, 67.282, 39.082
CIE-LUV	48.628, 106.659, 31.527
Hunter-Lab	41.586, 45.367, 22.732
Binary	11001100, 01000101, 00101110

#cc452e
```
#cc452e rgb(204,69,46)
```
#2eb5cc
```
#2eb5cc rgb(46,181,204)
```

Complementary Color

#cc2e66
```
#cc2e66 rgb(204,46,102)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#cc942e
```
#cc942e rgb(204,148,46)
```

Analogous Color

#2e66cc
```
#2e66cc rgb(46,102,204)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#2ecc94
```
#2ecc94 rgb(46,204,148)
```

Split Complementary Color

#452ecc
```
#452ecc rgb(69,46,204)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#2ecc45
```
#2ecc45 rgb(46,204,69)
```

Triadic Color

#cc2eb5
```
#cc2eb5 rgb(204,46,181)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#2ecc45
```
#2ecc45 rgb(46,204,69)
```
#2eb5cc
```
#2eb5cc rgb(46,181,204)
```

Tetradic Color

#8e3020
```
#8e3020 rgb(142,48,32)
```
#a23725
```
#a23725 rgb(162,55,37)
```
#b73e29
```
#b73e29 rgb(183,62,41)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#d45540
```
#d45540 rgb(212,85,64)
```
#d96854
```
#d96854 rgb(217,104,84)
```
#dd7a69
```
#dd7a69 rgb(221,122,105)
```

Monochromatic Color

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

#cc2e3e
```
#cc2e3e rgb(204,46,62)
```
#cc2e31
```
#cc2e31 rgb(204,46,49)
```
#cc382e
```
#cc382e rgb(204,56,46)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#cc522e
```
#cc522e rgb(204,82,46)
```
#cc5f2e
```
#cc5f2e rgb(204,95,46)
```
#cc6d2e
```
#cc6d2e rgb(204,109,46)
```

Similar Colors

Text with hexadecimal color #cc452e

This text has a font color of #cc452e.

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

#cc452e background color

This paragraph has a background color of #cc452e.

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

#cc452e border color

This element has a border color of #cc452e.

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

CSS codes

.text {color:#cc452e;}

.background {background-color:#cc452e;}

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

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

#0c0403
```
#0c0403 rgb(12,4,3)
```
#1c0906
```
#1c0906 rgb(28,9,6)
```
#2c0f0a
```
#2c0f0a rgb(44,15,10)
```
#3c140e
```
#3c140e rgb(60,20,14)
```
#4c1a11
```
#4c1a11 rgb(76,26,17)
```
#5c1f15
```
#5c1f15 rgb(92,31,21)
```
#6c2518
```
#6c2518 rgb(108,37,24)
```
#7c2a1c
```
#7c2a1c rgb(124,42,28)
```
#8c2f20
```
#8c2f20 rgb(140,47,32)
```
#9c3523
```
#9c3523 rgb(156,53,35)
```
#ac3a27
```
#ac3a27 rgb(172,58,39)
```
#bc402a
```
#bc402a rgb(188,64,42)
```
#cc452e
```
#cc452e rgb(204,69,46)
```

Shade Color Variation

#d3513b
```
#d3513b rgb(211,81,59)
```
#d65f4b
```
#d65f4b rgb(214,95,75)
```
#da6d5b
```
#da6d5b rgb(218,109,91)
```
#de7c6b
```
#de7c6b rgb(222,124,107)
```
#e18a7b
```
#e18a7b rgb(225,138,123)
```
#e5988b
```
#e5988b rgb(229,152,139)
```
#e8a69b
```
#e8a69b rgb(232,166,155)
```
#ecb4ab
```
#ecb4ab rgb(236,180,171)
```
#f0c3bb
```
#f0c3bb rgb(240,195,187)
```
#f3d1cb
```
#f3d1cb rgb(243,209,203)
```
#f7dfdb
```
#f7dfdb rgb(247,223,219)
```
#faedeb
```
#faedeb rgb(250,237,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7f7c7b
```
#7f7c7b rgb(127,124,123)
```
#897571
```
#897571 rgb(137,117,113)
```
#926e68
```
#926e68 rgb(146,110,104)
```
#9c675e
```
#9c675e rgb(156,103,94)
```
#a66054
```
#a66054 rgb(166,96,84)
```
#af594b
```
#af594b rgb(175,89,75)
```
#b95341
```
#b95341 rgb(185,83,65)
```
#c24c38
```
#c24c38 rgb(194,76,56)
```
#cc452e
```
#cc452e rgb(204,69,46)
```
#d63e24
```
#d63e24 rgb(214,62,36)
```
#df371b
```
#df371b rgb(223,55,27)
```
#e93111
```
#e93111 rgb(233,49,17)
```
#f22a08
```
#f22a08 rgb(242,42,8)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7e635f Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a45 Protanopia 1% of men
#97752e Deuteranopia 1% of men
#cf4b4f Tritanopia 0.001% of the population

Trichromacy

#9f673d Protanomaly 1% of men, 0.01% of women
#aa632e Deuteranomaly 6% of men, 0.4% of women
#ce4943 Tritanomaly 0.01% of the population

#cc452e hex color

#cc452e Color Information

#cc452e Color Conversion

Color Schemes with #cc452e

Alternatives to #cc452e

#cc452e Preview

Shades and Tints of #cc452e

Tones of #cc452e

Color Blindness Simulator