#c3022f hex color

In a RGB color space, hex #c3022f is composed of 76.5% red, 0.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99% magenta, 75.9% yellow and 23.5% black. It has a hue angle of 346 degrees, a saturation of 98% and a lightness of 38.6%. #c3022f color hex could be obtained by blending #ff045e with #870000. Closest websafe color is: #cc0033.

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

● #c3022f color description : Strong red.

The hexadecimal color #c3022f has RGB values of R:195, G:2, B:47 and CMYK values of C:0, M:0.99, Y:0.76, K:0.24. Its decimal value is 12780079.

Hex triplet	c3022f	`#c3022f`
RGB Decimal	195, 2, 47	`rgb(195,2,47)`
RGB Percent	76.5, 0.8, 18.4	`rgb(76.5%,0.8%,18.4%)`
CMYK	0, 99, 76, 24
HSL	346°, 98, 38.6	`hsl(346,98%,38.6%)`
HSV (or HSB)	346°, 99, 76.5
Web Safe	cc0033	`#cc0033`

CIE-LAB	40.983, 66.151, 33.094
XYZ	23.042, 11.854, 3.764
xyY	0.596, 0.307, 11.854
CIE-LCH	40.983, 73.967, 26.578
CIE-LUV	40.983, 126.066, 18.411
Hunter-Lab	34.429, 59.209, 17.619
Binary	11000011, 00000010, 00101111

#c3022f
```
#c3022f rgb(195,2,47)
```
#02c396
```
#02c396 rgb(2,195,150)
```

Complementary Color

#c30290
```
#c30290 rgb(195,2,144)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#c33602
```
#c33602 rgb(195,54,2)
```

Analogous Color

#0290c3
```
#0290c3 rgb(2,144,195)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#02c336
```
#02c336 rgb(2,195,54)
```

Split Complementary Color

#022fc3
```
#022fc3 rgb(2,47,195)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#2fc302
```
#2fc302 rgb(47,195,2)
```

Triadic Color

#9602c3
```
#9602c3 rgb(150,2,195)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#2fc302
```
#2fc302 rgb(47,195,2)
```
#02c396
```
#02c396 rgb(2,195,150)
```

Tetradic Color

#77011d
```
#77011d rgb(119,1,29)
```
#910123
```
#910123 rgb(145,1,35)
```
#aa0229
```
#aa0229 rgb(170,2,41)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#dc0235
```
#dc0235 rgb(220,2,53)
```
#f5033b
```
#f5033b rgb(245,3,59)
```
#fd154b
```
#fd154b rgb(253,21,75)
```

Monochromatic Color

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

#c3025f
```
#c3025f rgb(195,2,95)
```
#c3024f
```
#c3024f rgb(195,2,79)
```
#c3023f
```
#c3023f rgb(195,2,63)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#c3021f
```
#c3021f rgb(195,2,31)
```
#c3020f
```
#c3020f rgb(195,2,15)
```
#c30502
```
#c30502 rgb(195,5,2)
```

Similar Colors

Text with hexadecimal color #c3022f

This text has a font color of #c3022f.

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

#c3022f background color

This paragraph has a background color of #c3022f.

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

#c3022f border color

This element has a border color of #c3022f.

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

CSS codes

.text {color:#c3022f;}

.background {background-color:#c3022f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140005
```
#140005 rgb(20,0,5)
```
#28000a
```
#28000a rgb(40,0,10)
```
#3b010e
```
#3b010e rgb(59,1,14)
```
#4f0113
```
#4f0113 rgb(79,1,19)
```
#620118
```
#620118 rgb(98,1,24)
```
#75011c
```
#75011c rgb(117,1,28)
```
#890121
```
#890121 rgb(137,1,33)
```
#9c0226
```
#9c0226 rgb(156,2,38)
```
#b0022a
```
#b0022a rgb(176,2,42)
```
#c3022f
```
#c3022f rgb(195,2,47)
```
#d60234
```
#d60234 rgb(214,2,52)
```
#ea0238
```
#ea0238 rgb(234,2,56)
```

Shade Color Variation

#fc033d
```
#fc033d rgb(252,3,61)
```
#fd174c
```
#fd174c rgb(253,23,76)
```
#fd2a5b
```
#fd2a5b rgb(253,42,91)
```
#fd3e6a
```
#fd3e6a rgb(253,62,106)
```
#fd5179
```
#fd5179 rgb(253,81,121)
```
#fd6588
```
#fd6588 rgb(253,101,136)
```
#fe7897
```
#fe7897 rgb(254,120,151)
```
#fe8ba6
```
#fe8ba6 rgb(254,139,166)
```
#fe9fb5
```
#fe9fb5 rgb(254,159,181)
```
#feb2c4
```
#feb2c4 rgb(254,178,196)
```
#fec6d3
```
#fec6d3 rgb(254,198,211)
```
#ffd9e2
```
#ffd9e2 rgb(255,217,226)
```
#ffecf1
```
#ffecf1 rgb(255,236,241)
```

Tint Color Variation

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

#685d60
```
#685d60 rgb(104,93,96)
```
#70555b
```
#70555b rgb(112,85,91)
```
#774e57
```
#774e57 rgb(119,78,87)
```
#7f4653
```
#7f4653 rgb(127,70,83)
```
#863f4f
```
#863f4f rgb(134,63,79)
```
#8e374b
```
#8e374b rgb(142,55,75)
```
#962f47
```
#962f47 rgb(150,47,71)
```
#9d2843
```
#9d2843 rgb(157,40,67)
```
#a5203f
```
#a5203f rgb(165,32,63)
```
#ac193b
```
#ac193b rgb(172,25,59)
```
#b41137
```
#b41137 rgb(180,17,55)
```
#bb0a33
```
#bb0a33 rgb(187,10,51)
```
#c3022f
```
#c3022f rgb(195,2,47)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#5b343d Atypical Achromatopsia 0.001% of the population

Dichromacy

#70684f Protanopia 1% of men
#81642d Deuteranopia 1% of men
#c51b15 Tritanopia 0.001% of the population

Trichromacy

#8e4343 Protanomaly 1% of men, 0.01% of women
#99402d Deuteranomaly 6% of men, 0.4% of women
#c4111e Tritanomaly 0.01% of the population

#c3022f hex color

#c3022f Color Information

#c3022f Color Conversion

Color Schemes with #c3022f

Alternatives to #c3022f

#c3022f Preview

Shades and Tints of #c3022f

Tones of #c3022f

Color Blindness Simulator