#c30228 hex color

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

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

● #c30228 color description : Strong red.

The hexadecimal color #c30228 has RGB values of R:195, G:2, B:40 and CMYK values of C:0, M:0.99, Y:0.79, K:0.24. Its decimal value is 12780072.

Hex triplet	c30228	`#c30228`
RGB Decimal	195, 2, 40	`rgb(195,2,40)`
RGB Percent	76.5, 0.8, 15.7	`rgb(76.5%,0.8%,15.7%)`
CMYK	0, 99, 79, 24
HSL	348.2°, 98, 38.6	`hsl(348.2,98%,38.6%)`
HSV (or HSB)	348.2°, 99, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	40.899, 65.923, 37.17
XYZ	22.912, 11.802, 3.079
xyY	0.606, 0.312, 11.802
CIE-LCH	40.899, 75.68, 29.416
CIE-LUV	40.899, 127.762, 20.974
Hunter-Lab	34.354, 58.929, 18.734
Binary	11000011, 00000010, 00101000

#c30228
```
#c30228 rgb(195,2,40)
```
#02c39d
```
#02c39d rgb(2,195,157)
```

Complementary Color

#c30289
```
#c30289 rgb(195,2,137)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#c33d02
```
#c33d02 rgb(195,61,2)
```

Analogous Color

#0289c3
```
#0289c3 rgb(2,137,195)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#02c33c
```
#02c33c rgb(2,195,60)
```

Split Complementary Color

#0228c3
```
#0228c3 rgb(2,40,195)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#28c302
```
#28c302 rgb(40,195,2)
```

Triadic Color

#9d02c3
```
#9d02c3 rgb(157,2,195)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#28c302
```
#28c302 rgb(40,195,2)
```
#02c39d
```
#02c39d rgb(2,195,157)
```

Tetradic Color

#770118
```
#770118 rgb(119,1,24)
```
#91011e
```
#91011e rgb(145,1,30)
```
#aa0223
```
#aa0223 rgb(170,2,35)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#dc022d
```
#dc022d rgb(220,2,45)
```
#f50332
```
#f50332 rgb(245,3,50)
```
#fd1543
```
#fd1543 rgb(253,21,67)
```

Monochromatic Color

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

#c30258
```
#c30258 rgb(195,2,88)
```
#c30248
```
#c30248 rgb(195,2,72)
```
#c30238
```
#c30238 rgb(195,2,56)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#c30208
```
#c30208 rgb(195,2,8)
```
#c30c02
```
#c30c02 rgb(195,12,2)
```

Similar Colors

Text with hexadecimal color #c30228

This text has a font color of #c30228.

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

#c30228 background color

This paragraph has a background color of #c30228.

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

#c30228 border color

This element has a border color of #c30228.

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

CSS codes

.text {color:#c30228;}

.background {background-color:#c30228;}

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

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 #ffecf0 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140004
```
#140004 rgb(20,0,4)
```
#280008
```
#280008 rgb(40,0,8)
```
#3b010c
```
#3b010c rgb(59,1,12)
```
#4f0110
```
#4f0110 rgb(79,1,16)
```
#620114
```
#620114 rgb(98,1,20)
```
#750118
```
#750118 rgb(117,1,24)
```
#89011c
```
#89011c rgb(137,1,28)
```
#9c0220
```
#9c0220 rgb(156,2,32)
```
#b00224
```
#b00224 rgb(176,2,36)
```
#c30228
```
#c30228 rgb(195,2,40)
```
#d6022c
```
#d6022c rgb(214,2,44)
```
#ea0230
```
#ea0230 rgb(234,2,48)
```

Shade Color Variation

#fc0334
```
#fc0334 rgb(252,3,52)
```
#fd1744
```
#fd1744 rgb(253,23,68)
```
#fd2a54
```
#fd2a54 rgb(253,42,84)
```
#fd3e63
```
#fd3e63 rgb(253,62,99)
```
#fd5173
```
#fd5173 rgb(253,81,115)
```
#fd6583
```
#fd6583 rgb(253,101,131)
```
#fe7892
```
#fe7892 rgb(254,120,146)
```
#fe8ba2
```
#fe8ba2 rgb(254,139,162)
```
#fe9fb2
```
#fe9fb2 rgb(254,159,178)
```
#feb2c1
```
#feb2c1 rgb(254,178,193)
```
#fec6d1
```
#fec6d1 rgb(254,198,209)
```
#ffd9e0
```
#ffd9e0 rgb(255,217,224)
```
#ffecf0
```
#ffecf0 rgb(255,236,240)
```

Tint Color Variation

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

#685d5f
```
#685d5f rgb(104,93,95)
```
#70555b
```
#70555b rgb(112,85,91)
```
#774e56
```
#774e56 rgb(119,78,86)
```
#7f4651
```
#7f4651 rgb(127,70,81)
```
#863f4d
```
#863f4d rgb(134,63,77)
```
#8e3748
```
#8e3748 rgb(142,55,72)
```
#962f44
```
#962f44 rgb(150,47,68)
```
#9d283f
```
#9d283f rgb(157,40,63)
```
#a5203a
```
#a5203a rgb(165,32,58)
```
#ac1936
```
#ac1936 rgb(172,25,54)
```
#b41131
```
#b41131 rgb(180,17,49)
```
#bb0a2d
```
#bb0a2d rgb(187,10,45)
```
#c30228
```
#c30228 rgb(195,2,40)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#5a343b Atypical Achromatopsia 0.001% of the population

Dichromacy

#716847 Protanopia 1% of men
#816324 Deuteranopia 1% of men
#c51810 Tritanopia 0.001% of the population

Trichromacy

#8e433c Protanomaly 1% of men, 0.01% of women
#994026 Deuteranomaly 6% of men, 0.4% of women
#c41019 Tritanomaly 0.01% of the population

#c30228 hex color

#c30228 Color Information

#c30228 Color Conversion

Color Schemes with #c30228

Alternatives to #c30228

#c30228 Preview

Shades and Tints of #c30228

Tones of #c30228

Color Blindness Simulator