#ca222a Color Information
In a RGB color space, hex #ca222a is composed of 79.2% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 79.2% yellow and 20.8% black. It has a hue angle of 357.1 degrees, a saturation of 71.2% and a lightness of 46.3%. #ca222a color hex could be obtained by blending #ff4454 with #950000. Closest websafe color is: #cc3333.
-
- R 79
- G 13
- B 16
-
- C 0
- M 83
- Y 79
- K 21
● #ca222a color description : Strong red.
#ca222a Color Conversion
The hexadecimal color #ca222a has RGB values of R:202, G:34, B:42 and CMYK values of C:0, M:0.83, Y:0.79, K:0.21. Its decimal value is 13247018.
Hex triplet | ca222a | #ca222a |
---|---|---|
RGB Decimal | 202, 34, 42 | rgb(202,34,42) |
RGB Percent | 79.2, 13.3, 16.5 | rgb(79.2%,13.3%,16.5%) |
CMYK | 0, 83, 79, 21 | |
HSL | 357.1°, 71.2, 46.3 | hsl(357.1,71.2%,46.3%) |
HSV (or HSB) | 357.1°, 83.2, 79.2 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 44.047, 63.016, 39.739 |
---|---|
XYZ | 25.348, 13.871, 3.533 |
xyY | 0.593, 0.324, 13.871 |
CIE-LCH | 44.047, 74.499, 32.236 |
CIE-LUV | 44.047, 124.65, 24.778 |
Hunter-Lab | 37.244, 56.312, 20.446 |
Binary | 11001010, 00100010, 00101010 |
Color Schemes with #ca222a
Alternatives to #ca222a
Below, you can see some colors close to #ca222a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca222a Preview
This text has a font color of #ca222a.
<span style="color:#ca222a;">Text here</span>
This paragraph has a background color of #ca222a.
<p style="background-color:#ca222a;">Content here</p>
This element has a border color of #ca222a.
<div style="border:1px solid #ca222a;">Content here</div>
.text {color:#ca222a;}
.background {background-color:#ca222a;}
.border {border:1px solid #ca222a;}
Shades and Tints of #ca222a
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 #fcefef 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)
-
#440b0e
#440b0e
rgb(68,11,14)
-
#540e12
#540e12
rgb(84,14,18)
-
#651115
#651115
rgb(101,17,21)
-
#761419
#761419
rgb(118,20,25)
-
#87171c
#87171c
rgb(135,23,28)
-
#981a20
#981a20
rgb(152,26,32)
-
#a81c23
#a81c23
rgb(168,28,35)
-
#b91f27
#b91f27
rgb(185,31,39)
-
#ca222a
#ca222a
rgb(202,34,42)
-
#da252e
#da252e
rgb(218,37,46)
-
#dd363e
#dd363e
rgb(221,54,62)
-
#e0474e
#e0474e
rgb(224,71,78)
-
#e3585e
#e3585e
rgb(227,88,94)
-
#e6686e
#e6686e
rgb(230,104,110)
-
#e8797f
#e8797f
rgb(232,121,127)
-
#eb8a8f
#eb8a8f
rgb(235,138,143)
-
#ee9b9f
#ee9b9f
rgb(238,155,159)
-
#f1acaf
#f1acaf
rgb(241,172,175)
-
#f4bcbf
#f4bcbf
rgb(244,188,191)
-
#f7cdcf
#f7cdcf
rgb(247,205,207)
-
#f9dedf
#f9dedf
rgb(249,222,223)
-
#fcefef
#fcefef
rgb(252,239,239)
Tones of #ca222a
A tone is produced by adding gray to any pure hue. In this case, #787474 is the less saturated color, while #e50711 is the most saturated one.
-
#787474
#787474
rgb(120,116,116)
-
#816b6c
#816b6c
rgb(129,107,108)
-
#8a6263
#8a6263
rgb(138,98,99)
-
#94585b
#94585b
rgb(148,88,91)
-
#9d4f53
#9d4f53
rgb(157,79,83)
-
#a6464b
#a6464b
rgb(166,70,75)
-
#af3d43
#af3d43
rgb(175,61,67)
-
#b8343a
#b8343a
rgb(184,52,58)
-
#c12b32
#c12b32
rgb(193,43,50)
-
#ca222a
#ca222a
rgb(202,34,42)
-
#d31922
#d31922
rgb(211,25,34)
-
#dc101a
#dc101a
rgb(220,16,26)
-
#e50711
#e50711
rgb(229,7,17)
Color Blindness Simulator
Below, you can see how #ca222a 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.