#c02f30 hex color

In a RGB color space, hex #c02f30 is composed of 75.3% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 75% yellow and 24.7% black. It has a hue angle of 359.6 degrees, a saturation of 60.7% and a lightness of 46.9%. #c02f30 color hex could be obtained by blending #ff5e60 with #810000. Closest websafe color is: #cc3333.

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

● #c02f30 color description : Strong red.

The hexadecimal color #c02f30 has RGB values of R:192, G:47, B:48 and CMYK values of C:0, M:0.76, Y:0.75, K:0.25. Its decimal value is 12594992.

Hex triplet	c02f30	`#c02f30`
RGB Decimal	192, 47, 48	`rgb(192,47,48)`
RGB Percent	75.3, 18.4, 18.8	`rgb(75.3%,18.4%,18.8%)`
CMYK	0, 76, 75, 25
HSL	359.6°, 60.7, 46.9	`hsl(359.6,60.7%,46.9%)`
HSV (or HSB)	359.6°, 75.5, 75.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.442, 56.663, 35.087
XYZ	23.289, 13.456, 4.167
xyY	0.569, 0.329, 13.456
CIE-LCH	43.442, 66.647, 31.767
CIE-LUV	43.442, 109.67, 23.32
Hunter-Lab	36.682, 49.136, 18.942
Binary	11000000, 00101111, 00110000

#c02f30
```
#c02f30 rgb(192,47,48)
```
#2fc0bf
```
#2fc0bf rgb(47,192,191)
```

Complementary Color

#c02f79
```
#c02f79 rgb(192,47,121)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#c0772f
```
#c0772f rgb(192,119,47)
```

Analogous Color

#2f79c0
```
#2f79c0 rgb(47,121,192)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#2fc077
```
#2fc077 rgb(47,192,119)
```

Split Complementary Color

#2f30c0
```
#2f30c0 rgb(47,48,192)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#30c02f
```
#30c02f rgb(48,192,47)
```

Triadic Color

#bf2fc0
```
#bf2fc0 rgb(191,47,192)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#30c02f
```
#30c02f rgb(48,192,47)
```
#2fc0bf
```
#2fc0bf rgb(47,192,191)
```

Tetradic Color

#832021
```
#832021 rgb(131,32,33)
```
#972526
```
#972526 rgb(151,37,38)
```
#ac2a2b
```
#ac2a2b rgb(172,42,43)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#cf3a3b
```
#cf3a3b rgb(207,58,59)
```
#d44e4f
```
#d44e4f rgb(212,78,79)
```
#d96364
```
#d96364 rgb(217,99,100)
```

Monochromatic Color

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

#c02f54
```
#c02f54 rgb(192,47,84)
```
#c02f48
```
#c02f48 rgb(192,47,72)
```
#c02f3c
```
#c02f3c rgb(192,47,60)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#c03a2f
```
#c03a2f rgb(192,58,47)
```
#c0462f
```
#c0462f rgb(192,70,47)
```
#c0522f
```
#c0522f rgb(192,82,47)
```

Similar Colors

Text with hexadecimal color #c02f30

This text has a font color of #c02f30.

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

#c02f30 background color

This paragraph has a background color of #c02f30.

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

#c02f30 border color

This element has a border color of #c02f30.

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

CSS codes

.text {color:#c02f30;}

.background {background-color:#c02f30;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130505
```
#130505 rgb(19,5,5)
```
#220809
```
#220809 rgb(34,8,9)
```
#320c0d
```
#320c0d rgb(50,12,13)
```
#421010
```
#421010 rgb(66,16,16)
```
#521414
```
#521414 rgb(82,20,20)
```
#611818
```
#611818 rgb(97,24,24)
```
#711c1c
```
#711c1c rgb(113,28,28)
```
#812020
```
#812020 rgb(129,32,32)
```
#912324
```
#912324 rgb(145,35,36)
```
#a02728
```
#a02728 rgb(160,39,40)
```
#b02b2c
```
#b02b2c rgb(176,43,44)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```

Shade Color Variation

#ce3536
```
#ce3536 rgb(206,53,54)
```
#d14546
```
#d14546 rgb(209,69,70)
```
#d55555
```
#d55555 rgb(213,85,85)
```
#d96465
```
#d96465 rgb(217,100,101)
```
#dd7475
```
#dd7475 rgb(221,116,117)
```
#e18484
```
#e18484 rgb(225,132,132)
```
#e59494
```
#e59494 rgb(229,148,148)
```
#e9a3a4
```
#e9a3a4 rgb(233,163,164)
```
#ecb3b4
```
#ecb3b4 rgb(236,179,180)
```
#f0c3c3
```
#f0c3c3 rgb(240,195,195)
```
#f4d3d3
```
#f4d3d3 rgb(244,211,211)
```
#f8e2e3
```
#f8e2e3 rgb(248,226,227)
```
#fcf2f2
```
#fcf2f2 rgb(252,242,242)
```

Tint Color Variation

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

#806f6f
```
#806f6f rgb(128,111,111)
```
#896666
```
#896666 rgb(137,102,102)
```
#925d5d
```
#925d5d rgb(146,93,93)
```
#9b5454
```
#9b5454 rgb(155,84,84)
```
#a44b4b
```
#a44b4b rgb(164,75,75)
```
#ae4142
```
#ae4142 rgb(174,65,66)
```
#b73839
```
#b73839 rgb(183,56,57)
```
#c02f30
```
#c02f30 rgb(192,47,48)
```
#c92627
```
#c92627 rgb(201,38,39)
```
#d21d1e
```
#d21d1e rgb(210,29,30)
```
#dc1315
```
#dc1315 rgb(220,19,21)
```
#e50a0c
```
#e50a0c rgb(229,10,12)
```
#ee0103
```
#ee0103 rgb(238,1,3)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6e5152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e4a Protanopia 1% of men
#886930 Deuteranopia 1% of men
#c3393b Tritanopia 0.001% of the population

Trichromacy

#915741 Protanomaly 1% of men, 0.01% of women
#9c5430 Deuteranomaly 6% of men, 0.4% of women
#c23537 Tritanomaly 0.01% of the population

#c02f30 hex color

#c02f30 Color Information

#c02f30 Color Conversion

Color Schemes with #c02f30

Alternatives to #c02f30

#c02f30 Preview

Shades and Tints of #c02f30

Tones of #c02f30

Color Blindness Simulator