#c30218 hex color

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

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

● #c30218 color description : Strong red.

The hexadecimal color #c30218 has RGB values of R:195, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.88, K:0.24. Its decimal value is 12780056.

Hex triplet	c30218	`#c30218`
RGB Decimal	195, 2, 24	`rgb(195,2,24)`
RGB Percent	76.5, 0.8, 9.4	`rgb(76.5%,0.8%,9.4%)`
CMYK	0, 99, 88, 24
HSL	353.2°, 98, 38.6	`hsl(353.2,98%,38.6%)`
HSV (or HSB)	353.2°, 99, 76.5
Web Safe	cc0000	`#cc0000`

CIE-LAB	40.759, 65.538, 45.709
XYZ	22.694, 11.715, 1.93
xyY	0.625, 0.322, 11.715
CIE-LCH	40.759, 79.904, 34.894
CIE-LUV	40.759, 130.712, 25.417
Hunter-Lab	34.226, 58.456, 20.615
Binary	11000011, 00000010, 00011000

#c30218
```
#c30218 rgb(195,2,24)
```
#02c3ad
```
#02c3ad rgb(2,195,173)
```

Complementary Color

#c30279
```
#c30279 rgb(195,2,121)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#c34d02
```
#c34d02 rgb(195,77,2)
```

Analogous Color

#0279c3
```
#0279c3 rgb(2,121,195)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#02c34d
```
#02c34d rgb(2,195,77)
```

Split Complementary Color

#0218c3
```
#0218c3 rgb(2,24,195)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#18c302
```
#18c302 rgb(24,195,2)
```

Triadic Color

#ad02c3
```
#ad02c3 rgb(173,2,195)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#18c302
```
#18c302 rgb(24,195,2)
```
#02c3ad
```
#02c3ad rgb(2,195,173)
```

Tetradic Color

#77010f
```
#77010f rgb(119,1,15)
```
#910112
```
#910112 rgb(145,1,18)
```
#aa0215
```
#aa0215 rgb(170,2,21)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#dc021b
```
#dc021b rgb(220,2,27)
```
#f5031e
```
#f5031e rgb(245,3,30)
```
#fd152f
```
#fd152f rgb(253,21,47)
```

Monochromatic Color

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

#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)
```
#c31c02
```
#c31c02 rgb(195,28,2)
```

Similar Colors

Text with hexadecimal color #c30218

This text has a font color of #c30218.

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

#c30218 background color

This paragraph has a background color of #c30218.

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

#c30218 border color

This element has a border color of #c30218.

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

CSS codes

.text {color:#c30218;}

.background {background-color:#c30218;}

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

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)
```
#140002
```
#140002 rgb(20,0,2)
```
#280005
```
#280005 rgb(40,0,5)
```
#3b0107
```
#3b0107 rgb(59,1,7)
```
#4f010a
```
#4f010a rgb(79,1,10)
```
#62010c
```
#62010c rgb(98,1,12)
```
#75010e
```
#75010e rgb(117,1,14)
```
#890111
```
#890111 rgb(137,1,17)
```
#9c0213
```
#9c0213 rgb(156,2,19)
```
#b00216
```
#b00216 rgb(176,2,22)
```
#c30218
```
#c30218 rgb(195,2,24)
```
#d6021a
```
#d6021a rgb(214,2,26)
```
#ea021d
```
#ea021d rgb(234,2,29)
```

Shade Color Variation

#fc0320
```
#fc0320 rgb(252,3,32)
```
#fd1731
```
#fd1731 rgb(253,23,49)
```
#fd2a42
```
#fd2a42 rgb(253,42,66)
```
#fd3e53
```
#fd3e53 rgb(253,62,83)
```
#fd5165
```
#fd5165 rgb(253,81,101)
```
#fd6576
```
#fd6576 rgb(253,101,118)
```
#fe7887
```
#fe7887 rgb(254,120,135)
```
#fe8b98
```
#fe8b98 rgb(254,139,152)
```
#fe9faa
```
#fe9faa rgb(254,159,170)
```
#feb2bb
```
#feb2bb rgb(254,178,187)
```
#fec6cc
```
#fec6cc rgb(254,198,204)
```
#ffd9dd
```
#ffd9dd rgb(255,217,221)
```
#ffecef
```
#ffecef rgb(255,236,239)
```

Tint Color Variation

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

#685d5e
```
#685d5e rgb(104,93,94)
```
#705558
```
#705558 rgb(112,85,88)
```
#774e52
```
#774e52 rgb(119,78,82)
```
#7f464d
```
#7f464d rgb(127,70,77)
```
#863f47
```
#863f47 rgb(134,63,71)
```
#8e3741
```
#8e3741 rgb(142,55,65)
```
#962f3b
```
#962f3b rgb(150,47,59)
```
#9d2835
```
#9d2835 rgb(157,40,53)
```
#a5202f
```
#a5202f rgb(165,32,47)
```
#ac192a
```
#ac192a rgb(172,25,42)
```
#b41124
```
#b41124 rgb(180,17,36)
```
#bb0a1e
```
#bb0a1e rgb(187,10,30)
```
#c30218
```
#c30218 rgb(195,2,24)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#593236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736835 Protanopia 1% of men
#826300 Deuteranopia 1% of men
#c51400 Tritanopia 0.001% of the population

Trichromacy

#90432a Protanomaly 1% of men, 0.01% of women
#9a3f08 Deuteranomaly 6% of men, 0.4% of women
#c40e08 Tritanomaly 0.01% of the population

#c30218 hex color

#c30218 Color Information

#c30218 Color Conversion

Color Schemes with #c30218

Alternatives to #c30218

#c30218 Preview

Shades and Tints of #c30218

Tones of #c30218

Color Blindness Simulator