#c30222 hex color

In a RGB color space, hex #c30222 is composed of 76.5% red, 0.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99% magenta, 82.6% yellow and 23.5% black. It has a hue angle of 350.1 degrees, a saturation of 98% and a lightness of 38.6%. #c30222 color hex could be obtained by blending #ff0444 with #870000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 76
- G 1
- B 13
RGB color chart
- C 0
- M 99
- Y 83
- K 24
CMYK color chart

● #c30222 color description : Strong red.

The hexadecimal color #c30222 has RGB values of R:195, G:2, B:34 and CMYK values of C:0, M:0.99, Y:0.83, K:0.24. Its decimal value is 12780066.

Hex triplet	c30222	`#c30222`
RGB Decimal	195, 2, 34	`rgb(195,2,34)`
RGB Percent	76.5, 0.8, 13.3	`rgb(76.5%,0.8%,13.3%)`
CMYK	0, 99, 83, 24
HSL	350.1°, 98, 38.6	`hsl(350.1,98%,38.6%)`
HSV (or HSB)	350.1°, 99, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	40.839, 65.757, 40.534
XYZ	22.817, 11.764, 2.583
xyY	0.614, 0.317, 11.764
CIE-LCH	40.839, 77.246, 31.65
CIE-LUV	40.839, 129.02, 22.871
Hunter-Lab	34.299, 58.725, 19.545
Binary	11000011, 00000010, 00100010

#c30222
```
#c30222 rgb(195,2,34)
```
#02c3a3
```
#02c3a3 rgb(2,195,163)
```

Complementary Color

#c30283
```
#c30283 rgb(195,2,131)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#c34302
```
#c34302 rgb(195,67,2)
```

Analogous Color

#0283c3
```
#0283c3 rgb(2,131,195)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#02c343
```
#02c343 rgb(2,195,67)
```

Split Complementary Color

#0222c3
```
#0222c3 rgb(2,34,195)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#22c302
```
#22c302 rgb(34,195,2)
```

Triadic Color

#a302c3
```
#a302c3 rgb(163,2,195)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#22c302
```
#22c302 rgb(34,195,2)
```
#02c3a3
```
#02c3a3 rgb(2,195,163)
```

Tetradic Color

#770115
```
#770115 rgb(119,1,21)
```
#910119
```
#910119 rgb(145,1,25)
```
#aa021e
```
#aa021e rgb(170,2,30)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#dc0226
```
#dc0226 rgb(220,2,38)
```
#f5032b
```
#f5032b rgb(245,3,43)
```
#fd153b
```
#fd153b rgb(253,21,59)
```

Monochromatic Color

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

#c30252
```
#c30252 rgb(195,2,82)
```
#c30242
```
#c30242 rgb(195,2,66)
```
#c30232
```
#c30232 rgb(195,2,50)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#c30212
```
#c30212 rgb(195,2,18)
```
#c30202
```
#c30202 rgb(195,2,2)
```
#c31202
```
#c31202 rgb(195,18,2)
```

Similar Colors

Text with hexadecimal color #c30222

This text has a font color of #c30222.

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

#c30222 background color

This paragraph has a background color of #c30222.

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

#c30222 border color

This element has a border color of #c30222.

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

CSS codes

.text {color:#c30222;}

.background {background-color:#c30222;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140004
```
#140004 rgb(20,0,4)
```
#280007
```
#280007 rgb(40,0,7)
```
#3b010a
```
#3b010a rgb(59,1,10)
```
#4f010e
```
#4f010e rgb(79,1,14)
```
#620111
```
#620111 rgb(98,1,17)
```
#750114
```
#750114 rgb(117,1,20)
```
#890118
```
#890118 rgb(137,1,24)
```
#9c021b
```
#9c021b rgb(156,2,27)
```
#b0021f
```
#b0021f rgb(176,2,31)
```
#c30222
```
#c30222 rgb(195,2,34)
```
#d60225
```
#d60225 rgb(214,2,37)
```
#ea0229
```
#ea0229 rgb(234,2,41)
```

Shade Color Variation

#fc032d
```
#fc032d rgb(252,3,45)
```
#fd173d
```
#fd173d rgb(253,23,61)
```
#fd2a4d
```
#fd2a4d rgb(253,42,77)
```
#fd3e5d
```
#fd3e5d rgb(253,62,93)
```
#fd516e
```
#fd516e rgb(253,81,110)
```
#fd657e
```
#fd657e rgb(253,101,126)
```
#fe788e
```
#fe788e rgb(254,120,142)
```
#fe8b9e
```
#fe8b9e rgb(254,139,158)
```
#fe9faf
```
#fe9faf rgb(254,159,175)
```
#feb2bf
```
#feb2bf rgb(254,178,191)
```
#fec6cf
```
#fec6cf rgb(254,198,207)
```
#ffd9df
```
#ffd9df rgb(255,217,223)
```
#ffecef
```
#ffecef rgb(255,236,239)
```

Tint Color Variation

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

#685d5f
```
#685d5f rgb(104,93,95)
```
#70555a
```
#70555a rgb(112,85,90)
```
#774e55
```
#774e55 rgb(119,78,85)
```
#7f4650
```
#7f4650 rgb(127,70,80)
```
#863f4b
```
#863f4b rgb(134,63,75)
```
#8e3745
```
#8e3745 rgb(142,55,69)
```
#962f40
```
#962f40 rgb(150,47,64)
```
#9d283b
```
#9d283b rgb(157,40,59)
```
#a52036
```
#a52036 rgb(165,32,54)
```
#ac1931
```
#ac1931 rgb(172,25,49)
```
#b4112c
```
#b4112c rgb(180,17,44)
```
#bb0a27
```
#bb0a27 rgb(187,10,39)
```
#c30222
```
#c30222 rgb(195,2,34)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#593339 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726840 Protanopia 1% of men
#82631c Deuteranopia 1% of men
#c5160b Tritanopia 0.001% of the population

Trichromacy

#8f4335 Protanomaly 1% of men, 0.01% of women
#99401e Deuteranomaly 6% of men, 0.4% of women
#c40f13 Tritanomaly 0.01% of the population

#c30222 hex color

#c30222 Color Information

#c30222 Color Conversion

Color Schemes with #c30222

Alternatives to #c30222

#c30222 Preview

Shades and Tints of #c30222

Tones of #c30222

Color Blindness Simulator