#c02c1f hex color

In a RGB color space, hex #c02c1f is composed of 75.3% red, 17.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 83.9% yellow and 24.7% black. It has a hue angle of 4.8 degrees, a saturation of 72.2% and a lightness of 43.7%. #c02c1f color hex could be obtained by blending #ff583e with #810000. Closest websafe color is: #cc3333.

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

● #c02c1f color description : Strong red.

The hexadecimal color #c02c1f has RGB values of R:192, G:44, B:31 and CMYK values of C:0, M:0.77, Y:0.84, K:0.25. Its decimal value is 12594207.

Hex triplet	c02c1f	`#c02c1f`
RGB Decimal	192, 44, 31	`rgb(192,44,31)`
RGB Percent	75.3, 17.3, 12.2	`rgb(75.3%,17.3%,12.2%)`
CMYK	0, 77, 84, 25
HSL	4.8°, 72.2, 43.7	`hsl(4.8,72.2%,43.7%)`
HSV (or HSB)	4.8°, 83.9, 75.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.928, 57.069, 43.848
XYZ	22.887, 13.11, 2.622
xyY	0.593, 0.339, 13.11
CIE-LCH	42.928, 71.969, 37.537
CIE-LUV	42.928, 114.269, 28.195
Hunter-Lab	36.207, 49.471, 21.052
Binary	11000000, 00101100, 00011111

#c02c1f
```
#c02c1f rgb(192,44,31)
```
#1fb3c0
```
#1fb3c0 rgb(31,179,192)
```

Complementary Color

#c01f62
```
#c01f62 rgb(192,31,98)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#c07d1f
```
#c07d1f rgb(192,125,31)
```

Analogous Color

#1f63c0
```
#1f63c0 rgb(31,99,192)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#1fc07d
```
#1fc07d rgb(31,192,125)
```

Split Complementary Color

#2c1fc0
```
#2c1fc0 rgb(44,31,192)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#1fc02c
```
#1fc02c rgb(31,192,44)
```

Triadic Color

#c01fb3
```
#c01fb3 rgb(192,31,179)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#1fc02c
```
#1fc02c rgb(31,192,44)
```
#1fb3c0
```
#1fb3c0 rgb(31,179,192)
```

Tetradic Color

#7e1d14
```
#7e1d14 rgb(126,29,20)
```
#942218
```
#942218 rgb(148,34,24)
```
#aa271b
```
#aa271b rgb(170,39,27)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#d63123
```
#d63123 rgb(214,49,35)
```
#de4234
```
#de4234 rgb(222,66,52)
```
#e2564a
```
#e2564a rgb(226,86,74)
```

Monochromatic Color

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

#c01f3a
```
#c01f3a rgb(192,31,58)
```
#c01f2d
```
#c01f2d rgb(192,31,45)
```
#c01f1f
```
#c01f1f rgb(192,31,31)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#c0391f
```
#c0391f rgb(192,57,31)
```
#c0471f
```
#c0471f rgb(192,71,31)
```
#c0541f
```
#c0541f rgb(192,84,31)
```

Similar Colors

Text with hexadecimal color #c02c1f

This text has a font color of #c02c1f.

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

#c02c1f background color

This paragraph has a background color of #c02c1f.

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

#c02c1f border color

This element has a border color of #c02c1f.

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

CSS codes

.text {color:#c02c1f;}

.background {background-color:#c02c1f;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170504
```
#170504 rgb(23,5,4)
```
#280906
```
#280906 rgb(40,9,6)
```
#390d09
```
#390d09 rgb(57,13,9)
```
#4a110c
```
#4a110c rgb(74,17,12)
```
#5b150f
```
#5b150f rgb(91,21,15)
```
#6c1911
```
#6c1911 rgb(108,25,17)
```
#7c1d14
```
#7c1d14 rgb(124,29,20)
```
#8d2017
```
#8d2017 rgb(141,32,23)
```
#9e241a
```
#9e241a rgb(158,36,26)
```
#af281c
```
#af281c rgb(175,40,28)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#d13022
```
#d13022 rgb(209,48,34)
```

Shade Color Variation

#dd382a
```
#dd382a rgb(221,56,42)
```
#df483b
```
#df483b rgb(223,72,59)
```
#e2584b
```
#e2584b rgb(226,88,75)
```
#e5675c
```
#e5675c rgb(229,103,92)
```
#e7776d
```
#e7776d rgb(231,119,109)
```
#ea877e
```
#ea877e rgb(234,135,126)
```
#ed978f
```
#ed978f rgb(237,151,143)
```
#f0a6a0
```
#f0a6a0 rgb(240,166,160)
```
#f2b6b1
```
#f2b6b1 rgb(242,182,177)
```
#f5c6c2
```
#f5c6c2 rgb(245,198,194)
```
#f8d6d3
```
#f8d6d3 rgb(248,214,211)
```
#fbe5e3
```
#fbe5e3 rgb(251,229,227)
```
#fdf5f4
```
#fdf5f4 rgb(253,245,244)
```

Tint Color Variation

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

#736d6c
```
#736d6c rgb(115,109,108)
```
#7b6664
```
#7b6664 rgb(123,102,100)
```
#845e5b
```
#845e5b rgb(132,94,91)
```
#8d5752
```
#8d5752 rgb(141,87,82)
```
#95504a
```
#95504a rgb(149,80,74)
```
#9e4941
```
#9e4941 rgb(158,73,65)
```
#a64239
```
#a64239 rgb(166,66,57)
```
#af3a30
```
#af3a30 rgb(175,58,48)
```
#b73328
```
#b73328 rgb(183,51,40)
```
#c02c1f
```
#c02c1f rgb(192,44,31)
```
#c92516
```
#c92516 rgb(201,37,22)
```
#d11e0e
```
#d11e0e rgb(209,30,14)
```
#da1605
```
#da1605 rgb(218,22,5)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6c4e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d38 Protanopia 1% of men
#88681b Deuteranopia 1% of men
#c33536 Tritanopia 0.001% of the population

Trichromacy

#92552f Protanomaly 1% of men, 0.01% of women
#9c521c Deuteranomaly 6% of men, 0.4% of women
#c2312e Tritanomaly 0.01% of the population

#c02c1f hex color

#c02c1f Color Information

#c02c1f Color Conversion

Color Schemes with #c02c1f

Alternatives to #c02c1f

#c02c1f Preview

Shades and Tints of #c02c1f

Tones of #c02c1f

Color Blindness Simulator