#c30318 hex color

In a RGB color space, hex #c30318 is composed of 76.5% red, 1.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 87.7% yellow and 23.5% black. It has a hue angle of 353.4 degrees, a saturation of 97% and a lightness of 38.8%. #c30318 color hex could be obtained by blending #ff0630 with #870000. Closest websafe color is: #cc0000.

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

● #c30318 color description : Strong red.

The hexadecimal color #c30318 has RGB values of R:195, G:3, B:24 and CMYK values of C:0, M:0.98, Y:0.88, K:0.24. Its decimal value is 12780312.

Hex triplet	c30318	`#c30318`
RGB Decimal	195, 3, 24	`rgb(195,3,24)`
RGB Percent	76.5, 1.2, 9.4	`rgb(76.5%,1.2%,9.4%)`
CMYK	0, 98, 88, 24
HSL	353.4°, 97, 38.8	`hsl(353.4,97%,38.8%)`
HSV (or HSB)	353.4°, 98.5, 76.5
Web Safe	cc0000	`#cc0000`

CIE-LAB	40.794, 65.436, 45.737
XYZ	22.704, 11.736, 1.934
xyY	0.624, 0.323, 11.736
CIE-LCH	40.794, 79.836, 34.952
CIE-LUV	40.794, 130.537, 25.48
Hunter-Lab	34.258, 58.348, 20.634
Binary	11000011, 00000011, 00011000

#c30318
```
#c30318 rgb(195,3,24)
```
#03c3ae
```
#03c3ae rgb(3,195,174)
```

Complementary Color

#c30378
```
#c30378 rgb(195,3,120)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#c34e03
```
#c34e03 rgb(195,78,3)
```

Analogous Color

#0378c3
```
#0378c3 rgb(3,120,195)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#03c34e
```
#03c34e rgb(3,195,78)
```

Split Complementary Color

#0318c3
```
#0318c3 rgb(3,24,195)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#18c303
```
#18c303 rgb(24,195,3)
```

Triadic Color

#ae03c3
```
#ae03c3 rgb(174,3,195)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#18c303
```
#18c303 rgb(24,195,3)
```
#03c3ae
```
#03c3ae rgb(3,195,174)
```

Tetradic Color

#78020f
```
#78020f rgb(120,2,15)
```
#910212
```
#910212 rgb(145,2,18)
```
#aa0315
```
#aa0315 rgb(170,3,21)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#dc031b
```
#dc031b rgb(220,3,27)
```
#f5041e
```
#f5041e rgb(245,4,30)
```
#fb1730
```
#fb1730 rgb(251,23,48)
```

Monochromatic Color

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

#c30348
```
#c30348 rgb(195,3,72)
```
#c30338
```
#c30338 rgb(195,3,56)
```
#c30328
```
#c30328 rgb(195,3,40)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#c30308
```
#c30308 rgb(195,3,8)
```
#c30e03
```
#c30e03 rgb(195,14,3)
```
#c31e03
```
#c31e03 rgb(195,30,3)
```

Similar Colors

Text with hexadecimal color #c30318

This text has a font color of #c30318.

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

#c30318 background color

This paragraph has a background color of #c30318.

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

#c30318 border color

This element has a border color of #c30318.

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

CSS codes

.text {color:#c30318;}

.background {background-color:#c30318;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150003
```
#150003 rgb(21,0,3)
```
#280105
```
#280105 rgb(40,1,5)
```
#3c0107
```
#3c0107 rgb(60,1,7)
```
#4f010a
```
#4f010a rgb(79,1,10)
```
#62020c
```
#62020c rgb(98,2,12)
```
#76020e
```
#76020e rgb(118,2,14)
```
#890211
```
#890211 rgb(137,2,17)
```
#9c0213
```
#9c0213 rgb(156,2,19)
```
#b00316
```
#b00316 rgb(176,3,22)
```
#c30318
```
#c30318 rgb(195,3,24)
```
#d6031a
```
#d6031a rgb(214,3,26)
```
#ea041d
```
#ea041d rgb(234,4,29)
```

Shade Color Variation

#fb0621
```
#fb0621 rgb(251,6,33)
```
#fb1932
```
#fb1932 rgb(251,25,50)
```
#fc2c43
```
#fc2c43 rgb(252,44,67)
```
#fc4054
```
#fc4054 rgb(252,64,84)
```
#fc5365
```
#fc5365 rgb(252,83,101)
```
#fd6677
```
#fd6677 rgb(253,102,119)
```
#fd7a88
```
#fd7a88 rgb(253,122,136)
```
#fd8d99
```
#fd8d99 rgb(253,141,153)
```
#fea0aa
```
#fea0aa rgb(254,160,170)
```
#feb4bc
```
#feb4bc rgb(254,180,188)
```
#fec7cd
```
#fec7cd rgb(254,199,205)
```
#fedade
```
#fedade rgb(254,218,222)
```
#ffeeef
```
#ffeeef rgb(255,238,239)
```

Tint Color Variation

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

#685e5f
```
#685e5f rgb(104,94,95)
```
#6f5759
```
#6f5759 rgb(111,87,89)
```
#774f53
```
#774f53 rgb(119,79,83)
```
#7e484e
```
#7e484e rgb(126,72,78)
```
#864048
```
#864048 rgb(134,64,72)
```
#8e3842
```
#8e3842 rgb(142,56,66)
```
#95313c
```
#95313c rgb(149,49,60)
```
#9d2936
```
#9d2936 rgb(157,41,54)
```
#a52130
```
#a52130 rgb(165,33,48)
```
#ac1a2a
```
#ac1a2a rgb(172,26,42)
```
#b41224
```
#b41224 rgb(180,18,36)
```
#bb0b1e
```
#bb0b1e rgb(187,11,30)
```
#c30318
```
#c30318 rgb(195,3,24)
```

Tone Color Variation

Below, you can see how #c30318 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
#593337 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
#9a4008 Deuteranomaly 6% of men, 0.4% of women
#c40e08 Tritanomaly 0.01% of the population

#c30318 hex color

#c30318 Color Information

#c30318 Color Conversion

Color Schemes with #c30318

Alternatives to #c30318

#c30318 Preview

Shades and Tints of #c30318

Tones of #c30318

Color Blindness Simulator