#cc3123 hex color

In a RGB color space, hex #cc3123 is composed of 80% red, 19.2% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 82.8% yellow and 20% black. It has a hue angle of 5 degrees, a saturation of 70.7% and a lightness of 46.9%. #cc3123 color hex could be obtained by blending #ff6246 with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 19
- B 14
RGB color chart
- C 0
- M 76
- Y 83
- K 20
CMYK color chart

● #cc3123 color description : Strong red.

The hexadecimal color #cc3123 has RGB values of R:204, G:49, B:35 and CMYK values of C:0, M:0.76, Y:0.83, K:0.2. Its decimal value is 13381923.

Hex triplet	cc3123	`#cc3123`
RGB Decimal	204, 49, 35	`rgb(204,49,35)`
RGB Percent	80, 19.2, 13.7	`rgb(80%,19.2%,13.7%)`
CMYK	0, 76, 83, 20
HSL	5°, 70.7, 46.9	`hsl(5,70.7%,46.9%)`
HSV (or HSB)	5°, 82.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.851, 59.241, 45.367
XYZ	26.305, 15.159, 3.131
xyY	0.59, 0.34, 15.159
CIE-LCH	45.851, 74.617, 37.445
CIE-LUV	45.851, 120.474, 29.951
Hunter-Lab	38.934, 52.465, 22.486
Binary	11001100, 00110001, 00100011

#cc3123
```
#cc3123 rgb(204,49,35)
```
#23becc
```
#23becc rgb(35,190,204)
```

Complementary Color

#cc236a
```
#cc236a rgb(204,35,106)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#cc8623
```
#cc8623 rgb(204,134,35)
```

Analogous Color

#236acc
```
#236acc rgb(35,106,204)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#23cc86
```
#23cc86 rgb(35,204,134)
```

Split Complementary Color

#3123cc
```
#3123cc rgb(49,35,204)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#23cc31
```
#23cc31 rgb(35,204,49)
```

Triadic Color

#cc23be
```
#cc23be rgb(204,35,190)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#23cc31
```
#23cc31 rgb(35,204,49)
```
#23becc
```
#23becc rgb(35,190,204)
```

Tetradic Color

#8b2118
```
#8b2118 rgb(139,33,24)
```
#a0271c
```
#a0271c rgb(160,39,28)
```
#b62c1f
```
#b62c1f rgb(182,44,31)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#db3c2d
```
#db3c2d rgb(219,60,45)
```
#df5043
```
#df5043 rgb(223,80,67)
```
#e36459
```
#e36459 rgb(227,100,89)
```

Monochromatic Color

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

#cc233f
```
#cc233f rgb(204,35,63)
```
#cc2331
```
#cc2331 rgb(204,35,49)
```
#cc2323
```
#cc2323 rgb(204,35,35)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#cc3f23
```
#cc3f23 rgb(204,63,35)
```
#cc4d23
```
#cc4d23 rgb(204,77,35)
```
#cc5b23
```
#cc5b23 rgb(204,91,35)
```

Similar Colors

Text with hexadecimal color #cc3123

This text has a font color of #cc3123.

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

#cc3123 background color

This paragraph has a background color of #cc3123.

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

#cc3123 border color

This element has a border color of #cc3123.

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

CSS codes

.text {color:#cc3123;}

.background {background-color:#cc3123;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140503
```
#140503 rgb(20,5,3)
```
#250906
```
#250906 rgb(37,9,6)
```
#350d09
```
#350d09 rgb(53,13,9)
```
#46110c
```
#46110c rgb(70,17,12)
```
#57150f
```
#57150f rgb(87,21,15)
```
#681912
```
#681912 rgb(104,25,18)
```
#781d15
```
#781d15 rgb(120,29,21)
```
#892118
```
#892118 rgb(137,33,24)
```
#9a251a
```
#9a251a rgb(154,37,26)
```
#ab291d
```
#ab291d rgb(171,41,29)
```
#bb2d20
```
#bb2d20 rgb(187,45,32)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```

Shade Color Variation

#da3728
```
#da3728 rgb(218,55,40)
```
#dd4739
```
#dd4739 rgb(221,71,57)
```
#e0564a
```
#e0564a rgb(224,86,74)
```
#e3665b
```
#e3665b rgb(227,102,91)
```
#e6766b
```
#e6766b rgb(230,118,107)
```
#e9857c
```
#e9857c rgb(233,133,124)
```
#eb958d
```
#eb958d rgb(235,149,141)
```
#eea49e
```
#eea49e rgb(238,164,158)
```
#f1b4ae
```
#f1b4ae rgb(241,180,174)
```
#f4c3bf
```
#f4c3bf rgb(244,195,191)
```
#f7d3d0
```
#f7d3d0 rgb(247,211,208)
```
#fae3e1
```
#fae3e1 rgb(250,227,225)
```
#fdf2f1
```
#fdf2f1 rgb(253,242,241)
```

Tint Color Variation

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

#797676
```
#797676 rgb(121,118,118)
```
#826e6d
```
#826e6d rgb(130,110,109)
```
#8c6763
```
#8c6763 rgb(140,103,99)
```
#955f5a
```
#955f5a rgb(149,95,90)
```
#9e5751
```
#9e5751 rgb(158,87,81)
```
#a75048
```
#a75048 rgb(167,80,72)
```
#b0483f
```
#b0483f rgb(176,72,63)
```
#ba4035
```
#ba4035 rgb(186,64,53)
```
#c3392c
```
#c3392c rgb(195,57,44)
```
#cc3123
```
#cc3123 rgb(204,49,35)
```
#d5291a
```
#d5291a rgb(213,41,26)
```
#de2211
```
#de2211 rgb(222,34,17)
```
#e81a07
```
#e81a07 rgb(232,26,7)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f743d Protanopia 1% of men
#906e1e Deuteranopia 1% of men
#cf393b Tritanopia 0.001% of the population

Trichromacy

#9b5b33 Protanomaly 1% of men, 0.01% of women
#a65820 Deuteranomaly 6% of men, 0.4% of women
#cd3632 Tritanomaly 0.01% of the population

#cc3123 hex color

#cc3123 Color Information

#cc3123 Color Conversion

Color Schemes with #cc3123

Alternatives to #cc3123

#cc3123 Preview

Shades and Tints of #cc3123

Tones of #cc3123

Color Blindness Simulator