#ca0022 Color Information
In a RGB color space, hex #ca0022 is composed of 79.2% red, 0% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 349.9 degrees, a saturation of 100% and a lightness of 39.6%. #ca0022 color hex could be obtained by blending #ff0044 with #950000. Closest websafe color is: #cc0033.
-
- R 79
- G 0
- B 13
-
- C 0
- M 100
- Y 83
- K 21
● #ca0022 color description : Strong red.
#ca0022 Color Conversion
The hexadecimal color #ca0022 has RGB values of R:202, G:0, B:34 and CMYK values of C:0, M:1, Y:0.83, K:0.21. Its decimal value is 13238306.
Hex triplet | ca0022 | #ca0022 |
---|---|---|
RGB Decimal | 202, 0, 34 | rgb(202,0,34) |
RGB Percent | 79.2, 0, 13.3 | rgb(79.2%,0%,13.3%) |
CMYK | 0, 100, 83, 21 | |
HSL | 349.9°, 100, 39.6 | hsl(349.9,100%,39.6%) |
HSV (or HSB) | 349.9°, 100, 79.2 | |
Web Safe | cc0033 | #cc0033 |
CIE-LAB | 42.27, 67.682, 42.417 |
---|---|
XYZ | 24.647, 12.675, 2.662 |
xyY | 0.616, 0.317, 12.675 |
CIE-LCH | 42.27, 79.875, 32.076 |
CIE-LUV | 42.27, 134.482, 24.05 |
Hunter-Lab | 35.602, 61.27, 20.488 |
Binary | 11001010, 00000000, 00100010 |
Color Schemes with #ca0022
Alternatives to #ca0022
Below, you can see some colors close to #ca0022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca0022 Preview
This text has a font color of #ca0022.
<span style="color:#ca0022;">Text here</span>
This paragraph has a background color of #ca0022.
<p style="background-color:#ca0022;">Content here</p>
This element has a border color of #ca0022.
<div style="border:1px solid #ca0022;">Content here</div>
.text {color:#ca0022;}
.background {background-color:#ca0022;}
.border {border:1px solid #ca0022;}
Shades and Tints of #ca0022
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, #060001 is the darkest color, while #fff1f4 is the lightest one.
-
#060001
#060001
rgb(6,0,1)
-
#190004
#190004
rgb(25,0,4)
-
#2d0008
#2d0008
rgb(45,0,8)
-
#41000b
#41000b
rgb(65,0,11)
-
#54000e
#54000e
rgb(84,0,14)
-
#680011
#680011
rgb(104,0,17)
-
#7c0015
#7c0015
rgb(124,0,21)
-
#8f0018
#8f0018
rgb(143,0,24)
-
#a3001b
#a3001b
rgb(163,0,27)
-
#b6001f
#b6001f
rgb(182,0,31)
-
#ca0022
#ca0022
rgb(202,0,34)
-
#de0025
#de0025
rgb(222,0,37)
-
#f10029
#f10029
rgb(241,0,41)
-
#ff0630
#ff0630
rgb(255,6,48)
-
#ff1940
#ff1940
rgb(255,25,64)
-
#ff2d50
#ff2d50
rgb(255,45,80)
-
#ff4161
#ff4161
rgb(255,65,97)
-
#ff5471
#ff5471
rgb(255,84,113)
-
#ff6881
#ff6881
rgb(255,104,129)
-
#ff7c92
#ff7c92
rgb(255,124,146)
-
#ff8fa2
#ff8fa2
rgb(255,143,162)
-
#ffa3b2
#ffa3b2
rgb(255,163,178)
-
#ffb6c3
#ffb6c3
rgb(255,182,195)
-
#ffcad3
#ffcad3
rgb(255,202,211)
-
#ffdee3
#ffdee3
rgb(255,222,227)
-
#fff1f4
#fff1f4
rgb(255,241,244)
Tones of #ca0022
A tone is produced by adding gray to any pure hue. In this case, #6d5d60 is the less saturated color, while #ca0022 is the most saturated one.
-
#6d5d60
#6d5d60
rgb(109,93,96)
-
#75555b
#75555b
rgb(117,85,91)
-
#7c4e56
#7c4e56
rgb(124,78,86)
-
#844650
#844650
rgb(132,70,80)
-
#8c3e4b
#8c3e4b
rgb(140,62,75)
-
#943646
#943646
rgb(148,54,70)
-
#9b2f41
#9b2f41
rgb(155,47,65)
-
#a3273c
#a3273c
rgb(163,39,60)
-
#ab1f37
#ab1f37
rgb(171,31,55)
-
#b31731
#b31731
rgb(179,23,49)
-
#ba102c
#ba102c
rgb(186,16,44)
-
#c20827
#c20827
rgb(194,8,39)
-
#ca0022
#ca0022
rgb(202,0,34)
Color Blindness Simulator
Below, you can see how #ca0022 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.