#ca222c Color Information
In a RGB color space, hex #ca222c is composed of 79.2% red, 13.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 78.2% yellow and 20.8% black. It has a hue angle of 356.4 degrees, a saturation of 71.2% and a lightness of 46.3%. #ca222c color hex could be obtained by blending #ff4458 with #950000. Closest websafe color is: #cc3333.
-
- R 79
- G 13
- B 17
-
- C 0
- M 83
- Y 78
- K 21
● #ca222c color description : Strong red.
#ca222c Color Conversion
The hexadecimal color #ca222c has RGB values of R:202, G:34, B:44 and CMYK values of C:0, M:0.83, Y:0.78, K:0.21. Its decimal value is 13247020.
Hex triplet | ca222c | #ca222c |
---|---|---|
RGB Decimal | 202, 34, 44 | rgb(202,34,44) |
RGB Percent | 79.2, 13.3, 17.3 | rgb(79.2%,13.3%,17.3%) |
CMYK | 0, 83, 78, 21 | |
HSL | 356.4°, 71.2, 46.3 | hsl(356.4,71.2%,46.3%) |
HSV (or HSB) | 356.4°, 83.2, 79.2 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 44.069, 63.08, 38.633 |
---|---|
XYZ | 25.385, 13.886, 3.726 |
xyY | 0.59, 0.323, 13.886 |
CIE-LCH | 44.069, 73.97, 31.485 |
CIE-LUV | 44.069, 124.24, 24.098 |
Hunter-Lab | 37.263, 56.389, 20.155 |
Binary | 11001010, 00100010, 00101100 |
Color Schemes with #ca222c
Alternatives to #ca222c
Below, you can see some colors close to #ca222c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca222c Preview
This text has a font color of #ca222c.
<span style="color:#ca222c;">Text here</span>
This paragraph has a background color of #ca222c.
<p style="background-color:#ca222c;">Content here</p>
This element has a border color of #ca222c.
<div style="border:1px solid #ca222c;">Content here</div>
.text {color:#ca222c;}
.background {background-color:#ca222c;}
.border {border:1px solid #ca222c;}
Shades and Tints of #ca222c
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 #fceff0 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#110304
#110304
rgb(17,3,4)
-
#220607
#220607
rgb(34,6,7)
-
#33090b
#33090b
rgb(51,9,11)
-
#440b0f
#440b0f
rgb(68,11,15)
-
#540e12
#540e12
rgb(84,14,18)
-
#651116
#651116
rgb(101,17,22)
-
#76141a
#76141a
rgb(118,20,26)
-
#87171d
#87171d
rgb(135,23,29)
-
#981a21
#981a21
rgb(152,26,33)
-
#a81c25
#a81c25
rgb(168,28,37)
-
#b91f28
#b91f28
rgb(185,31,40)
-
#ca222c
#ca222c
rgb(202,34,44)
-
#da2530
#da2530
rgb(218,37,48)
-
#dd3640
#dd3640
rgb(221,54,64)
-
#e04750
#e04750
rgb(224,71,80)
-
#e35860
#e35860
rgb(227,88,96)
-
#e66870
#e66870
rgb(230,104,112)
-
#e87980
#e87980
rgb(232,121,128)
-
#eb8a90
#eb8a90
rgb(235,138,144)
-
#ee9ba0
#ee9ba0
rgb(238,155,160)
-
#f1acb0
#f1acb0
rgb(241,172,176)
-
#f4bcc0
#f4bcc0
rgb(244,188,192)
-
#f7cdd0
#f7cdd0
rgb(247,205,208)
-
#f9dee0
#f9dee0
rgb(249,222,224)
-
#fceff0
#fceff0
rgb(252,239,240)
Tones of #ca222c
A tone is produced by adding gray to any pure hue. In this case, #787474 is the less saturated color, while #e50714 is the most saturated one.
-
#787474
#787474
rgb(120,116,116)
-
#816b6c
#816b6c
rgb(129,107,108)
-
#8a6264
#8a6264
rgb(138,98,100)
-
#94585c
#94585c
rgb(148,88,92)
-
#9d4f54
#9d4f54
rgb(157,79,84)
-
#a6464c
#a6464c
rgb(166,70,76)
-
#af3d44
#af3d44
rgb(175,61,68)
-
#b8343c
#b8343c
rgb(184,52,60)
-
#c12b34
#c12b34
rgb(193,43,52)
-
#ca222c
#ca222c
rgb(202,34,44)
-
#d31924
#d31924
rgb(211,25,36)
-
#dc101c
#dc101c
rgb(220,16,28)
-
#e50714
#e50714
rgb(229,7,20)
Color Blindness Simulator
Below, you can see how #ca222c 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.