#c7222f Color Information
In a RGB color space, hex #c7222f is composed of 78% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 76.4% yellow and 22% black. It has a hue angle of 355.3 degrees, a saturation of 70.8% and a lightness of 45.7%. #c7222f color hex could be obtained by blending #ff445e with #8f0000. Closest websafe color is: #cc3333.
-
- R 78
- G 13
- B 18
-
- C 0
- M 83
- Y 76
- K 22
● #c7222f color description : Strong red.
#c7222f Color Conversion
The hexadecimal color #c7222f has RGB values of R:199, G:34, B:47 and CMYK values of C:0, M:0.83, Y:0.76, K:0.22. Its decimal value is 13050415.
Hex triplet | c7222f | #c7222f |
---|---|---|
RGB Decimal | 199, 34, 47 | rgb(199,34,47) |
RGB Percent | 78, 13.3, 18.4 | rgb(78%,13.3%,18.4%) |
CMYK | 0, 83, 76, 22 | |
HSL | 355.3°, 70.8, 45.7 | hsl(355.3,70.8%,45.7%) |
HSV (or HSB) | 355.3°, 82.9, 78 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 43.499, 62.351, 36.118 |
---|---|
XYZ | 24.64, 13.494, 3.997 |
xyY | 0.585, 0.32, 13.494 |
CIE-LCH | 43.499, 72.056, 30.083 |
CIE-LUV | 43.499, 121.273, 22.464 |
Hunter-Lab | 36.735, 55.441, 19.264 |
Binary | 11000111, 00100010, 00101111 |
Color Schemes with #c7222f
Alternatives to #c7222f
Below, you can see some colors close to #c7222f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#c7222f Preview
This text has a font color of #c7222f.
<span style="color:#c7222f;">Text here</span>
This paragraph has a background color of #c7222f.
<p style="background-color:#c7222f;">Content here</p>
This element has a border color of #c7222f.
<div style="border:1px solid #c7222f;">Content here</div>
.text {color:#c7222f;}
.background {background-color:#c7222f;}
.border {border:1px solid #c7222f;}
Shades and Tints of #c7222f
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, #0f0303 is the darkest color, while #fffdfd is the lightest one.
-
#0f0303
#0f0303
rgb(15,3,3)
-
#1f0507
#1f0507
rgb(31,5,7)
-
#30080b
#30080b
rgb(48,8,11)
-
#410b0f
#410b0f
rgb(65,11,15)
-
#520e13
#520e13
rgb(82,14,19)
-
#621117
#621117
rgb(98,17,23)
-
#73141b
#73141b
rgb(115,20,27)
-
#84171f
#84171f
rgb(132,23,31)
-
#951923
#951923
rgb(149,25,35)
-
#a51c27
#a51c27
rgb(165,28,39)
-
#b61f2b
#b61f2b
rgb(182,31,43)
-
#c7222f
#c7222f
rgb(199,34,47)
-
#d82533
#d82533
rgb(216,37,51)
-
#dc3441
#dc3441
rgb(220,52,65)
-
#df4551
#df4551
rgb(223,69,81)
-
#e25561
#e25561
rgb(226,85,97)
-
#e56670
#e56670
rgb(229,102,112)
-
#e87780
#e87780
rgb(232,119,128)
-
#eb888f
#eb888f
rgb(235,136,143)
-
#ed989f
#ed989f
rgb(237,152,159)
-
#f0a9af
#f0a9af
rgb(240,169,175)
-
#f3babe
#f3babe
rgb(243,186,190)
-
#f6cbce
#f6cbce
rgb(246,203,206)
-
#f9dbde
#f9dbde
rgb(249,219,222)
-
#fceced
#fceced
rgb(252,236,237)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #c7222f
A tone is produced by adding gray to any pure hue. In this case, #767373 is the less saturated color, while #e20718 is the most saturated one.
-
#767373
#767373
rgb(118,115,115)
-
#7f6a6b
#7f6a6b
rgb(127,106,107)
-
#886164
#886164
rgb(136,97,100)
-
#91585c
#91585c
rgb(145,88,92)
-
#9a4f55
#9a4f55
rgb(154,79,85)
-
#a3464d
#a3464d
rgb(163,70,77)
-
#ac3d46
#ac3d46
rgb(172,61,70)
-
#b5343e
#b5343e
rgb(181,52,62)
-
#be2b37
#be2b37
rgb(190,43,55)
-
#c7222f
#c7222f
rgb(199,34,47)
-
#d01927
#d01927
rgb(208,25,39)
-
#d91020
#d91020
rgb(217,16,32)
-
#e20718
#e20718
rgb(226,7,24)
Color Blindness Simulator
Below, you can see how #c7222f 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.