#c30f23 hex color

In a RGB color space, hex #c30f23 is composed of 76.5% red, 5.9% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.3% magenta, 82.1% yellow and 23.5% black. It has a hue angle of 353.3 degrees, a saturation of 85.7% and a lightness of 41.2%. #c30f23 color hex could be obtained by blending #ff1e46 with #870000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 76
- G 6
- B 14
RGB color chart
- C 0
- M 92
- Y 82
- K 24
CMYK color chart

● #c30f23 color description : Strong red.

The hexadecimal color #c30f23 has RGB values of R:195, G:15, B:35 and CMYK values of C:0, M:0.92, Y:0.82, K:0.24. Its decimal value is 12783395.

Hex triplet	c30f23	`#c30f23`
RGB Decimal	195, 15, 35	`rgb(195,15,35)`
RGB Percent	76.5, 5.9, 13.7	`rgb(76.5%,5.9%,13.7%)`
CMYK	0, 92, 82, 24
HSL	353.3°, 85.7, 41.2	`hsl(353.3,85.7%,41.2%)`
HSV (or HSB)	353.3°, 92.3, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	41.324, 64.406, 40.445
XYZ	22.981, 12.068, 2.709
xyY	0.609, 0.32, 12.068
CIE-LCH	41.324, 76.052, 32.128
CIE-LUV	41.324, 126.513, 23.462
Hunter-Lab	34.739, 57.29, 19.693
Binary	11000011, 00001111, 00100011

#c30f23
```
#c30f23 rgb(195,15,35)
```
#0fc3af
```
#0fc3af rgb(15,195,175)
```

Complementary Color

#c30f7d
```
#c30f7d rgb(195,15,125)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#c3550f
```
#c3550f rgb(195,85,15)
```

Analogous Color

#0f7dc3
```
#0f7dc3 rgb(15,125,195)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#0fc355
```
#0fc355 rgb(15,195,85)
```

Split Complementary Color

#0f23c3
```
#0f23c3 rgb(15,35,195)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#23c30f
```
#23c30f rgb(35,195,15)
```

Triadic Color

#af0fc3
```
#af0fc3 rgb(175,15,195)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#23c30f
```
#23c30f rgb(35,195,15)
```
#0fc3af
```
#0fc3af rgb(15,195,175)
```

Tetradic Color

#7c0a16
```
#7c0a16 rgb(124,10,22)
```
#940b1a
```
#940b1a rgb(148,11,26)
```
#ab0d1f
```
#ab0d1f rgb(171,13,31)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#db1127
```
#db1127 rgb(219,17,39)
```
#ed182f
```
#ed182f rgb(237,24,47)
```
#ef2f45
```
#ef2f45 rgb(239,47,69)
```

Monochromatic Color

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

#c30f50
```
#c30f50 rgb(195,15,80)
```
#c30f41
```
#c30f41 rgb(195,15,65)
```
#c30f32
```
#c30f32 rgb(195,15,50)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#c30f14
```
#c30f14 rgb(195,15,20)
```
#c3190f
```
#c3190f rgb(195,25,15)
```
#c3280f
```
#c3280f rgb(195,40,15)
```

Similar Colors

Text with hexadecimal color #c30f23

This text has a font color of #c30f23.

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

#c30f23 background color

This paragraph has a background color of #c30f23.

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

#c30f23 border color

This element has a border color of #c30f23.

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

CSS codes

.text {color:#c30f23;}

.background {background-color:#c30f23;}

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

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, #0d0102 is the darkest color, while #fffafa is the lightest one.

#0d0102
```
#0d0102 rgb(13,1,2)
```
#1f0206
```
#1f0206 rgb(31,2,6)
```
#310409
```
#310409 rgb(49,4,9)
```
#44050c
```
#44050c rgb(68,5,12)
```
#56070f
```
#56070f rgb(86,7,15)
```
#680813
```
#680813 rgb(104,8,19)
```
#7a0916
```
#7a0916 rgb(122,9,22)
```
#8c0b19
```
#8c0b19 rgb(140,11,25)
```
#9f0c1c
```
#9f0c1c rgb(159,12,28)
```
#b10e20
```
#b10e20 rgb(177,14,32)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#d51026
```
#d51026 rgb(213,16,38)
```
#e7122a
```
#e7122a rgb(231,18,42)
```

Shade Color Variation

#ee1f36
```
#ee1f36 rgb(238,31,54)
```
#ef3146
```
#ef3146 rgb(239,49,70)
```
#f14457
```
#f14457 rgb(241,68,87)
```
#f25667
```
#f25667 rgb(242,86,103)
```
#f36877
```
#f36877 rgb(243,104,119)
```
#f57a88
```
#f57a88 rgb(245,122,136)
```
#f68c98
```
#f68c98 rgb(246,140,152)
```
#f89fa8
```
#f89fa8 rgb(248,159,168)
```
#f9b1b9
```
#f9b1b9 rgb(249,177,185)
```
#fac3c9
```
#fac3c9 rgb(250,195,201)
```
#fcd5da
```
#fcd5da rgb(252,213,218)
```
#fde7ea
```
#fde7ea rgb(253,231,234)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#6a6868
```
#6a6868 rgb(106,104,104)
```
#726062
```
#726062 rgb(114,96,98)
```
#7a585c
```
#7a585c rgb(122,88,92)
```
#825055
```
#825055 rgb(130,80,85)
```
#8a484f
```
#8a484f rgb(138,72,79)
```
#933f49
```
#933f49 rgb(147,63,73)
```
#9b3742
```
#9b3742 rgb(155,55,66)
```
#a32f3c
```
#a32f3c rgb(163,47,60)
```
#ab2736
```
#ab2736 rgb(171,39,54)
```
#b31f30
```
#b31f30 rgb(179,31,48)
```
#bb1729
```
#bb1729 rgb(187,23,41)
```
#c30f23
```
#c30f23 rgb(195,15,35)
```
#cb071d
```
#cb071d rgb(203,7,29)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#603c40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736940 Protanopia 1% of men
#83641e Deuteranopia 1% of men
#c51f1b Tritanopia 0.001% of the population

Trichromacy

#904835 Protanomaly 1% of men, 0.01% of women
#9a4520 Deuteranomaly 6% of men, 0.4% of women
#c4191e Tritanomaly 0.01% of the population

#c30f23 hex color

#c30f23 Color Information

#c30f23 Color Conversion

Color Schemes with #c30f23

Alternatives to #c30f23

#c30f23 Preview

Shades and Tints of #c30f23

Tones of #c30f23

Color Blindness Simulator