#c30100 hex color

In a RGB color space, hex #c30100 is composed of 76.5% red, 0.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.5% magenta, 100% yellow and 23.5% black. It has a hue angle of 0.3 degrees, a saturation of 100% and a lightness of 38.2%. #c30100 color hex could be obtained by blending #ff0200 with #870000. Closest websafe color is: #cc0000.

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

● #c30100 color description : Strong red.

The hexadecimal color #c30100 has RGB values of R:195, G:1, B:0 and CMYK values of C:0, M:0.99, Y:1, K:0.24. Its decimal value is 12779776.

Hex triplet	c30100	`#c30100`
RGB Decimal	195, 1, 0	`rgb(195,1,0)`
RGB Percent	76.5, 0.4, 0	`rgb(76.5%,0.4%,0%)`
CMYK	0, 99, 100, 24
HSL	0.3°, 100, 38.2	`hsl(0.3,100%,38.2%)`
HSV (or HSB)	0.3°, 100, 76.5
Web Safe	cc0000	`#cc0000`

CIE-LAB	40.617, 65.347, 54.929
XYZ	22.518, 11.627, 1.059
xyY	0.64, 0.33, 11.627
CIE-LCH	40.617, 85.366, 40.049
CIE-LUV	40.617, 133.219, 28.84
Hunter-Lab	34.098, 58.206, 22.028
Binary	11000011, 00000001, 00000000

#c30100
```
#c30100 rgb(195,1,0)
```
#00c2c3
```
#00c2c3 rgb(0,194,195)
```

Complementary Color

#c30061
```
#c30061 rgb(195,0,97)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#c36300
```
#c36300 rgb(195,99,0)
```

Analogous Color

#0061c3
```
#0061c3 rgb(0,97,195)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#00c363
```
#00c363 rgb(0,195,99)
```

Split Complementary Color

#0100c3
```
#0100c3 rgb(1,0,195)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#00c301
```
#00c301 rgb(0,195,1)
```

Triadic Color

#c300c2
```
#c300c2 rgb(195,0,194)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#00c301
```
#00c301 rgb(0,195,1)
```
#00c2c3
```
#00c2c3 rgb(0,194,195)
```

Tetradic Color

#770100
```
#770100 rgb(119,1,0)
```
#900100
```
#900100 rgb(144,1,0)
```
#aa0100
```
#aa0100 rgb(170,1,0)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#dd0100
```
#dd0100 rgb(221,1,0)
```
#f60100
```
#f60100 rgb(246,1,0)
```
#ff1211
```
#ff1211 rgb(255,18,17)
```

Monochromatic Color

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

#c30030
```
#c30030 rgb(195,0,48)
```
#c30020
```
#c30020 rgb(195,0,32)
```
#c3000f
```
#c3000f rgb(195,0,15)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#c31100
```
#c31100 rgb(195,17,0)
```
#c32200
```
#c32200 rgb(195,34,0)
```
#c33200
```
#c33200 rgb(195,50,0)
```

Similar Colors

Text with hexadecimal color #c30100

This text has a font color of #c30100.

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

#c30100 background color

This paragraph has a background color of #c30100.

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

#c30100 border color

This element has a border color of #c30100.

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

CSS codes

.text {color:#c30100;}

.background {background-color:#c30100;}

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

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

#120000
```
#120000 rgb(18,0,0)
```
#260000
```
#260000 rgb(38,0,0)
```
#3a0000
```
#3a0000 rgb(58,0,0)
```
#4d0000
```
#4d0000 rgb(77,0,0)
```
#610000
```
#610000 rgb(97,0,0)
```
#750100
```
#750100 rgb(117,1,0)
```
#880100
```
#880100 rgb(136,1,0)
```
#9c0100
```
#9c0100 rgb(156,1,0)
```
#af0100
```
#af0100 rgb(175,1,0)
```
#c30100
```
#c30100 rgb(195,1,0)
```
#d70100
```
#d70100 rgb(215,1,0)
```
#ea0100
```
#ea0100 rgb(234,1,0)
```
#fe0100
```
#fe0100 rgb(254,1,0)
```

Shade Color Variation

#ff1412
```
#ff1412 rgb(255,20,18)
```
#ff2726
```
#ff2726 rgb(255,39,38)
```
#ff3b3a
```
#ff3b3a rgb(255,59,58)
```
#ff4e4d
```
#ff4e4d rgb(255,78,77)
```
#ff6261
```
#ff6261 rgb(255,98,97)
```
#ff7575
```
#ff7575 rgb(255,117,117)
```
#ff8988
```
#ff8988 rgb(255,137,136)
```
#ff9c9c
```
#ff9c9c rgb(255,156,156)
```
#ffb0af
```
#ffb0af rgb(255,176,175)
```
#ffc3c3
```
#ffc3c3 rgb(255,195,195)
```
#ffd7d7
```
#ffd7d7 rgb(255,215,215)
```
#ffeaea
```
#ffeaea rgb(255,234,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#695a5a
```
#695a5a rgb(105,90,90)
```
#715353
```
#715353 rgb(113,83,83)
```
#784b4b
```
#784b4b rgb(120,75,75)
```
#804444
```
#804444 rgb(128,68,68)
```
#873c3c
```
#873c3c rgb(135,60,60)
```
#8f3535
```
#8f3535 rgb(143,53,53)
```
#962e2d
```
#962e2d rgb(150,46,45)
```
#9e2626
```
#9e2626 rgb(158,38,38)
```
#a51f1e
```
#a51f1e rgb(165,31,30)
```
#ad1717
```
#ad1717 rgb(173,23,23)
```
#b4100f
```
#b4100f rgb(180,16,15)
```
#bc0808
```
#bc0808 rgb(188,8,8)
```
#c30100
```
#c30100 rgb(195,1,0)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#562f2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#74681b Protanopia 1% of men
#816300 Deuteranopia 1% of men
#c41500 Tritanopia 0.001% of the population

Trichromacy

#904211 Protanomaly 1% of men, 0.01% of women
#993f00 Deuteranomaly 6% of men, 0.4% of women
#c40e00 Tritanomaly 0.01% of the population

#c30100 hex color

#c30100 Color Information

#c30100 Color Conversion

Color Schemes with #c30100

Alternatives to #c30100

#c30100 Preview

Shades and Tints of #c30100

Tones of #c30100

Color Blindness Simulator