#c02c30 hex color

In a RGB color space, hex #c02c30 is composed of 75.3% red, 17.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 75% yellow and 24.7% black. It has a hue angle of 358.4 degrees, a saturation of 62.7% and a lightness of 46.3%. #c02c30 color hex could be obtained by blending #ff5860 with #810000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 75
- G 17
- B 19
RGB color chart
- C 0
- M 77
- Y 75
- K 25
CMYK color chart

● #c02c30 color description : Strong red.

The hexadecimal color #c02c30 has RGB values of R:192, G:44, B:48 and CMYK values of C:0, M:0.77, Y:0.75, K:0.25. Its decimal value is 12594224.

Hex triplet	c02c30	`#c02c30`
RGB Decimal	192, 44, 48	`rgb(192,44,48)`
RGB Percent	75.3, 17.3, 18.8	`rgb(75.3%,17.3%,18.8%)`
CMYK	0, 77, 75, 25
HSL	358.4°, 62.7, 46.3	`hsl(358.4,62.7%,46.3%)`
HSV (or HSB)	358.4°, 77.1, 75.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.099, 57.623, 34.704
XYZ	23.174, 13.224, 4.128
xyY	0.572, 0.326, 13.224
CIE-LCH	43.099, 67.266, 31.059
CIE-LUV	43.099, 111.175, 22.667
Hunter-Lab	36.365, 50.111, 18.724
Binary	11000000, 00101100, 00110000

#c02c30
```
#c02c30 rgb(192,44,48)
```
#2cc0bc
```
#2cc0bc rgb(44,192,188)
```

Complementary Color

#c02c7a
```
#c02c7a rgb(192,44,122)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#c0722c
```
#c0722c rgb(192,114,44)
```

Analogous Color

#2c7ac0
```
#2c7ac0 rgb(44,122,192)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#2cc072
```
#2cc072 rgb(44,192,114)
```

Split Complementary Color

#2c30c0
```
#2c30c0 rgb(44,48,192)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#30c02c
```
#30c02c rgb(48,192,44)
```

Triadic Color

#bc2cc0
```
#bc2cc0 rgb(188,44,192)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#30c02c
```
#30c02c rgb(48,192,44)
```
#2cc0bc
```
#2cc0bc rgb(44,192,188)
```

Tetradic Color

#821e20
```
#821e20 rgb(130,30,32)
```
#972226
```
#972226 rgb(151,34,38)
```
#ab272b
```
#ab272b rgb(171,39,43)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#d13539
```
#d13539 rgb(209,53,57)
```
#d54a4d
```
#d54a4d rgb(213,74,77)
```
#da5e62
```
#da5e62 rgb(218,94,98)
```

Monochromatic Color

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

#c02c55
```
#c02c55 rgb(192,44,85)
```
#c02c49
```
#c02c49 rgb(192,44,73)
```
#c02c3c
```
#c02c3c rgb(192,44,60)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#c0342c
```
#c0342c rgb(192,52,44)
```
#c0412c
```
#c0412c rgb(192,65,44)
```
#c04d2c
```
#c04d2c rgb(192,77,44)
```

Similar Colors

Text with hexadecimal color #c02c30

This text has a font color of #c02c30.

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

#c02c30 background color

This paragraph has a background color of #c02c30.

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

#c02c30 border color

This element has a border color of #c02c30.

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

CSS codes

.text {color:#c02c30;}

.background {background-color:#c02c30;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#100404
```
#100404 rgb(16,4,4)
```
#200708
```
#200708 rgb(32,7,8)
```
#300b0c
```
#300b0c rgb(48,11,12)
```
#400f10
```
#400f10 rgb(64,15,16)
```
#501214
```
#501214 rgb(80,18,20)
```
#601618
```
#601618 rgb(96,22,24)
```
#701a1c
```
#701a1c rgb(112,26,28)
```
#801d20
```
#801d20 rgb(128,29,32)
```
#902124
```
#902124 rgb(144,33,36)
```
#a02528
```
#a02528 rgb(160,37,40)
```
#b0282c
```
#b0282c rgb(176,40,44)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```

Shade Color Variation

#d03034
```
#d03034 rgb(208,48,52)
```
#d34044
```
#d34044 rgb(211,64,68)
```
#d75054
```
#d75054 rgb(215,80,84)
```
#db6063
```
#db6063 rgb(219,96,99)
```
#de7073
```
#de7073 rgb(222,112,115)
```
#e28082
```
#e28082 rgb(226,128,130)
```
#e69092
```
#e69092 rgb(230,144,146)
```
#e9a0a2
```
#e9a0a2 rgb(233,160,162)
```
#edb0b1
```
#edb0b1 rgb(237,176,177)
```
#f0c0c1
```
#f0c0c1 rgb(240,192,193)
```
#f4d0d1
```
#f4d0d1 rgb(244,208,209)
```
#f8e0e0
```
#f8e0e0 rgb(248,224,224)
```
#fbf0f0
```
#fbf0f0 rgb(251,240,240)
```

Tint Color Variation

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

#777575
```
#777575 rgb(119,117,117)
```
#806c6c
```
#806c6c rgb(128,108,108)
```
#8a6264
```
#8a6264 rgb(138,98,100)
```
#93595b
```
#93595b rgb(147,89,91)
```
#9c5052
```
#9c5052 rgb(156,80,82)
```
#a5474a
```
#a5474a rgb(165,71,74)
```
#ae3e41
```
#ae3e41 rgb(174,62,65)
```
#b73539
```
#b73539 rgb(183,53,57)
```
#c02c30
```
#c02c30 rgb(192,44,48)
```
#c92327
```
#c92327 rgb(201,35,39)
```
#d21a1f
```
#d21a1f rgb(210,26,31)
```
#db1116
```
#db1116 rgb(219,17,22)
```
#e4080e
```
#e4080e rgb(228,8,14)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6e5051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766d4b Protanopia 1% of men
#87682f Deuteranopia 1% of men
#c33739 Tritanopia 0.001% of the population

Trichromacy

#915541 Protanomaly 1% of men, 0.01% of women
#9b522f Deuteranomaly 6% of men, 0.4% of women
#c23335 Tritanomaly 0.01% of the population

#c02c30 hex color

#c02c30 Color Information

#c02c30 Color Conversion

Color Schemes with #c02c30

Alternatives to #c02c30

#c02c30 Preview

Shades and Tints of #c02c30

Tones of #c02c30

Color Blindness Simulator