#ca0300 Color Information
In a RGB color space, hex #ca0300 is composed of 79.2% red, 1.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 100% yellow and 20.8% black. It has a hue angle of 0.9 degrees, a saturation of 100% and a lightness of 39.6%. #ca0300 color hex could be obtained by blending #ff0600 with #950000. Closest websafe color is: #cc0000.
-
- R 79
- G 1
- B 0
-
- C 0
- M 99
- Y 100
- K 21
● #ca0300 color description : Strong red.
#ca0300 Color Conversion
The hexadecimal color #ca0300 has RGB values of R:202, G:3, B:0 and CMYK values of C:0, M:0.99, Y:1, K:0.21. Its decimal value is 13239040.
Hex triplet | ca0300 | #ca0300 |
---|---|---|
RGB Decimal | 202, 3, 0 | rgb(202,3,0) |
RGB Percent | 79.2, 1.2, 0 | rgb(79.2%,1.2%,0%) |
CMYK | 0, 99, 100, 21 | |
HSL | 0.9°, 100, 39.6 | hsl(0.9,100%,39.6%) |
HSV (or HSB) | 0.9°, 100, 79.2 | |
Web Safe | cc0000 | #cc0000 |
CIE-LAB | 42.193, 66.906, 56.417 |
---|---|
XYZ | 24.391, 12.625, 1.153 |
xyY | 0.639, 0.331, 12.625 |
CIE-LCH | 42.193, 87.518, 40.139 |
CIE-LUV | 42.193, 137.841, 30.026 |
Hunter-Lab | 35.532, 60.353, 22.949 |
Binary | 11001010, 00000011, 00000000 |
Color Schemes with #ca0300
Alternatives to #ca0300
Below, you can see some colors close to #ca0300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca0300 Preview
This text has a font color of #ca0300.
<span style="color:#ca0300;">Text here</span>
This paragraph has a background color of #ca0300.
<p style="background-color:#ca0300;">Content here</p>
This element has a border color of #ca0300.
<div style="border:1px solid #ca0300;">Content here</div>
.text {color:#ca0300;}
.background {background-color:#ca0300;}
.border {border:1px solid #ca0300;}
Shades and Tints of #ca0300
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, #060000 is the darkest color, while #fff1f1 is the lightest one.
-
#060000
#060000
rgb(6,0,0)
-
#190000
#190000
rgb(25,0,0)
-
#2d0100
#2d0100
rgb(45,1,0)
-
#410100
#410100
rgb(65,1,0)
-
#540100
#540100
rgb(84,1,0)
-
#680200
#680200
rgb(104,2,0)
-
#7c0200
#7c0200
rgb(124,2,0)
-
#8f0200
#8f0200
rgb(143,2,0)
-
#a30200
#a30200
rgb(163,2,0)
-
#b60300
#b60300
rgb(182,3,0)
-
#ca0300
#ca0300
rgb(202,3,0)
-
#de0300
#de0300
rgb(222,3,0)
-
#f10400
#f10400
rgb(241,4,0)
-
#ff0a06
#ff0a06
rgb(255,10,6)
-
#ff1d19
#ff1d19
rgb(255,29,25)
-
#ff302d
#ff302d
rgb(255,48,45)
-
#ff4441
#ff4441
rgb(255,68,65)
-
#ff5754
#ff5754
rgb(255,87,84)
-
#ff6a68
#ff6a68
rgb(255,106,104)
-
#ff7d7c
#ff7d7c
rgb(255,125,124)
-
#ff918f
#ff918f
rgb(255,145,143)
-
#ffa4a3
#ffa4a3
rgb(255,164,163)
-
#ffb7b6
#ffb7b6
rgb(255,183,182)
-
#ffcbca
#ffcbca
rgb(255,203,202)
-
#ffdede
#ffdede
rgb(255,222,222)
-
#fff1f1
#fff1f1
rgb(255,241,241)
Tones of #ca0300
A tone is produced by adding gray to any pure hue. In this case, #6d5d5d is the less saturated color, while #ca0300 is the most saturated one.
-
#6d5d5d
#6d5d5d
rgb(109,93,93)
-
#755655
#755655
rgb(117,86,85)
-
#7c4e4e
#7c4e4e
rgb(124,78,78)
-
#844746
#844746
rgb(132,71,70)
-
#8c3f3e
#8c3f3e
rgb(140,63,62)
-
#943836
#943836
rgb(148,56,54)
-
#9b302f
#9b302f
rgb(155,48,47)
-
#a32927
#a32927
rgb(163,41,39)
-
#ab211f
#ab211f
rgb(171,33,31)
-
#b31a17
#b31a17
rgb(179,26,23)
-
#ba1210
#ba1210
rgb(186,18,16)
-
#c20b08
#c20b08
rgb(194,11,8)
-
#ca0300
#ca0300
rgb(202,3,0)
Color Blindness Simulator
Below, you can see how #ca0300 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.