#cc451b hex color

In a RGB color space, hex #cc451b is composed of 80% red, 27.1% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 86.8% yellow and 20% black. It has a hue angle of 14.2 degrees, a saturation of 76.6% and a lightness of 45.3%. #cc451b color hex could be obtained by blending #ff8a36 with #990000. Closest websafe color is: #cc3333.

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

● #cc451b color description : Strong red.

The hexadecimal color #cc451b has RGB values of R:204, G:69, B:27 and CMYK values of C:0, M:0.66, Y:0.87, K:0.2. Its decimal value is 13387035.

Hex triplet	cc451b	`#cc451b`
RGB Decimal	204, 69, 27	`rgb(204,69,27)`
RGB Percent	80, 27.1, 10.6	`rgb(80%,27.1%,10.6%)`
CMYK	0, 66, 87, 20
HSL	14.2°, 76.6, 45.3	`hsl(14.2,76.6%,45.3%)`
HSV (or HSB)	14.2°, 86.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.481, 51.676, 51.32
XYZ	27.229, 17.176, 2.918
xyY	0.575, 0.363, 17.176
CIE-LCH	48.481, 72.83, 44.802
CIE-LUV	48.481, 109.097, 36.638
Hunter-Lab	41.444, 44.75, 24.836
Binary	11001100, 01000101, 00011011

#cc451b
```
#cc451b rgb(204,69,27)
```
#1ba2cc
```
#1ba2cc rgb(27,162,204)
```

Complementary Color

#cc1b49
```
#cc1b49 rgb(204,27,73)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#cc9e1b
```
#cc9e1b rgb(204,158,27)
```

Analogous Color

#1b49cc
```
#1b49cc rgb(27,73,204)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#1bcc9e
```
#1bcc9e rgb(27,204,158)
```

Split Complementary Color

#451bcc
```
#451bcc rgb(69,27,204)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#1bcc45
```
#1bcc45 rgb(27,204,69)
```

Triadic Color

#cc1ba2
```
#cc1ba2 rgb(204,27,162)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#1bcc45
```
#1bcc45 rgb(27,204,69)
```
#1ba2cc
```
#1ba2cc rgb(27,162,204)
```

Tetradic Color

#882e12
```
#882e12 rgb(136,46,18)
```
#9f3615
```
#9f3615 rgb(159,54,21)
```
#b53d18
```
#b53d18 rgb(181,61,24)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#e14d1f
```
#e14d1f rgb(225,77,31)
```
#e45f36
```
#e45f36 rgb(228,95,54)
```
#e7714c
```
#e7714c rgb(231,113,76)
```

Monochromatic Color

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

#cc1b1d
```
#cc1b1d rgb(204,27,29)
```
#cc281b
```
#cc281b rgb(204,40,27)
```
#cc361b
```
#cc361b rgb(204,54,27)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#cc541b
```
#cc541b rgb(204,84,27)
```
#cc631b
```
#cc631b rgb(204,99,27)
```
#cc711b
```
#cc711b rgb(204,113,27)
```

Similar Colors

Text with hexadecimal color #cc451b

This text has a font color of #cc451b.

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

#cc451b background color

This paragraph has a background color of #cc451b.

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

#cc451b border color

This element has a border color of #cc451b.

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

CSS codes

.text {color:#cc451b;}

.background {background-color:#cc451b;}

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

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

#0d0502
```
#0d0502 rgb(13,5,2)
```
#1f0a04
```
#1f0a04 rgb(31,10,4)
```
#301006
```
#301006 rgb(48,16,6)
```
#411609
```
#411609 rgb(65,22,9)
```
#531c0b
```
#531c0b rgb(83,28,11)
```
#64220d
```
#64220d rgb(100,34,13)
```
#752810
```
#752810 rgb(117,40,16)
```
#872e12
```
#872e12 rgb(135,46,18)
```
#983314
```
#983314 rgb(152,51,20)
```
#a93916
```
#a93916 rgb(169,57,22)
```
#bb3f19
```
#bb3f19 rgb(187,63,25)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#dd4b1d
```
#dd4b1d rgb(221,75,29)
```

Shade Color Variation

#e3572b
```
#e3572b rgb(227,87,43)
```
#e5653d
```
#e5653d rgb(229,101,61)
```
#e8724e
```
#e8724e rgb(232,114,78)
```
#ea805f
```
#ea805f rgb(234,128,95)
```
#ec8e71
```
#ec8e71 rgb(236,142,113)
```
#ee9c82
```
#ee9c82 rgb(238,156,130)
```
#f1a993
```
#f1a993 rgb(241,169,147)
```
#f3b7a5
```
#f3b7a5 rgb(243,183,165)
```
#f5c5b6
```
#f5c5b6 rgb(245,197,182)
```
#f8d3c7
```
#f8d3c7 rgb(248,211,199)
```
#fae0d8
```
#fae0d8 rgb(250,224,216)
```
#fceeea
```
#fceeea rgb(252,238,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#7c6f6b
```
#7c6f6b rgb(124,111,107)
```
#856a62
```
#856a62 rgb(133,106,98)
```
#8e6659
```
#8e6659 rgb(142,102,89)
```
#976150
```
#976150 rgb(151,97,80)
```
#a05c47
```
#a05c47 rgb(160,92,71)
```
#a8583f
```
#a8583f rgb(168,88,63)
```
#b15336
```
#b15336 rgb(177,83,54)
```
#ba4e2d
```
#ba4e2d rgb(186,78,45)
```
#c34a24
```
#c34a24 rgb(195,74,36)
```
#cc451b
```
#cc451b rgb(204,69,27)
```
#d54012
```
#d54012 rgb(213,64,18)
```
#de3c09
```
#de3c09 rgb(222,60,9)
```
#e73700
```
#e73700 rgb(231,55,0)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d6259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a31 Protanopia 1% of men
#997413 Deuteranopia 1% of men
#cf4a4e Tritanopia 0.001% of the population

Trichromacy

#a06729 Protanomaly 1% of men, 0.01% of women
#ab6316 Deuteranomaly 6% of men, 0.4% of women
#ce483b Tritanomaly 0.01% of the population

#cc451b hex color

#cc451b Color Information

#cc451b Color Conversion

Color Schemes with #cc451b

Alternatives to #cc451b

#cc451b Preview

Shades and Tints of #cc451b

Tones of #cc451b

Color Blindness Simulator