#224caa Color Information
In a RGB color space, hex #224caa is composed of 13.3% red, 29.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 55.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 221.5 degrees, a saturation of 66.7% and a lightness of 40%. #224caa color hex could be obtained by blending #4498ff with #000055. Closest websafe color is: #333399.
-
- R 13
- G 30
- B 67
-
- C 80
- M 55
- Y 0
- K 33
● #224caa color description : Dark blue.
#224caa Color Conversion
The hexadecimal color #224caa has RGB values of R:34, G:76, B:170 and CMYK values of C:0.8, M:0.55, Y:0, K:0.33. Its decimal value is 2247850.
Hex triplet | 224caa | #224caa |
---|---|---|
RGB Decimal | 34, 76, 170 | rgb(34,76,170) |
RGB Percent | 13.3, 29.8, 66.7 | rgb(13.3%,29.8%,66.7%) |
CMYK | 80, 55, 0, 33 | |
HSL | 221.5°, 66.7, 40 | hsl(221.5,66.7%,40%) |
HSV (or HSB) | 221.5°, 80, 66.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.823, 20.833, -54.528 |
---|---|
XYZ | 10.498, 8.41, 39.098 |
xyY | 0.181, 0.145, 8.41 |
CIE-LCH | 34.823, 58.372, 290.91 |
CIE-LUV | 34.823, -14.704, -77.082 |
Hunter-Lab | 29.001, 13.866, -59.633 |
Binary | 00100010, 01001100, 10101010 |
Color Schemes with #224caa
Alternatives to #224caa
Below, you can see some colors close to #224caa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224caa Preview
This text has a font color of #224caa.
<span style="color:#224caa;">Text here</span>
This paragraph has a background color of #224caa.
<p style="background-color:#224caa;">Content here</p>
This element has a border color of #224caa.
<div style="border:1px solid #224caa;">Content here</div>
.text {color:#224caa;}
.background {background-color:#224caa;}
.border {border:1px solid #224caa;}
Shades and Tints of #224caa
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, #010307 is the darkest color, while #f5f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#050a17
#050a17
rgb(5,10,23)
-
#081227
#081227
rgb(8,18,39)
-
#0b1938
#0b1938
rgb(11,25,56)
-
#0e2048
#0e2048
rgb(14,32,72)
-
#122758
#122758
rgb(18,39,88)
-
#152f69
#152f69
rgb(21,47,105)
-
#183679
#183679
rgb(24,54,121)
-
#1b3d89
#1b3d89
rgb(27,61,137)
-
#1f459a
#1f459a
rgb(31,69,154)
-
#224caa
#224caa
rgb(34,76,170)
-
#2553ba
#2553ba
rgb(37,83,186)
-
#295bcb
#295bcb
rgb(41,91,203)
-
#3164d6
#3164d6
rgb(49,100,214)
-
#4170d9
#4170d9
rgb(65,112,217)
-
#527ddc
#527ddc
rgb(82,125,220)
-
#6289e0
#6289e0
rgb(98,137,224)
-
#7295e3
#7295e3
rgb(114,149,227)
-
#83a1e6
#83a1e6
rgb(131,161,230)
-
#93aee9
#93aee9
rgb(147,174,233)
-
#a3baed
#a3baed
rgb(163,186,237)
-
#b4c6f0
#b4c6f0
rgb(180,198,240)
-
#c4d3f3
#c4d3f3
rgb(196,211,243)
-
#d5dff7
#d5dff7
rgb(213,223,247)
-
#e5ebfa
#e5ebfa
rgb(229,235,250)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #224caa
A tone is produced by adding gray to any pure hue. In this case, #61646b is the less saturated color, while #0340c9 is the most saturated one.
-
#61646b
#61646b
rgb(97,100,107)
-
#596173
#596173
rgb(89,97,115)
-
#515e7b
#515e7b
rgb(81,94,123)
-
#495b83
#495b83
rgb(73,91,131)
-
#41588b
#41588b
rgb(65,88,139)
-
#3a5592
#3a5592
rgb(58,85,146)
-
#32529a
#32529a
rgb(50,82,154)
-
#2a4fa2
#2a4fa2
rgb(42,79,162)
-
#224caa
#224caa
rgb(34,76,170)
-
#1a49b2
#1a49b2
rgb(26,73,178)
-
#1246ba
#1246ba
rgb(18,70,186)
-
#0a43c2
#0a43c2
rgb(10,67,194)
-
#0340c9
#0340c9
rgb(3,64,201)
Color Blindness Simulator
Below, you can see how #224caa 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.