#224ca3 Color Information
In a RGB color space, hex #224ca3 is composed of 13.3% red, 29.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 53.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 220.5 degrees, a saturation of 65.5% and a lightness of 38.6%. #224ca3 color hex could be obtained by blending #4498ff with #000047. Closest websafe color is: #333399.
-
- R 13
- G 30
- B 64
-
- C 79
- M 53
- Y 0
- K 36
● #224ca3 color description : Dark blue.
#224ca3 Color Conversion
The hexadecimal color #224ca3 has RGB values of R:34, G:76, B:163 and CMYK values of C:0.79, M:0.53, Y:0, K:0.36. Its decimal value is 2247843.
Hex triplet | 224ca3 | #224ca3 |
---|---|---|
RGB Decimal | 34, 76, 163 | rgb(34,76,163) |
RGB Percent | 13.3, 29.8, 63.9 | rgb(13.3%,29.8%,63.9%) |
CMYK | 79, 53, 0, 36 | |
HSL | 220.5°, 65.5, 38.6 | hsl(220.5,65.5%,38.6%) |
HSV (or HSB) | 220.5°, 79.1, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.299, 18.08, -51.193 |
---|---|
XYZ | 9.854, 8.153, 35.703 |
xyY | 0.183, 0.152, 8.153 |
CIE-LCH | 34.299, 54.292, 289.452 |
CIE-LUV | 34.299, -14.758, -72.08 |
Hunter-Lab | 28.553, 11.633, -54.15 |
Binary | 00100010, 01001100, 10100011 |
Color Schemes with #224ca3
Alternatives to #224ca3
Below, you can see some colors close to #224ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ca3 Preview
This text has a font color of #224ca3.
<span style="color:#224ca3;">Text here</span>
This paragraph has a background color of #224ca3.
<p style="background-color:#224ca3;">Content here</p>
This element has a border color of #224ca3.
<div style="border:1px solid #224ca3;">Content here</div>
.text {color:#224ca3;}
.background {background-color:#224ca3;}
.border {border:1px solid #224ca3;}
Shades and Tints of #224ca3
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, #000001 is the darkest color, while #eff3fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040811
#040811
rgb(4,8,17)
-
#070f21
#070f21
rgb(7,15,33)
-
#0a1731
#0a1731
rgb(10,23,49)
-
#0e1f42
#0e1f42
rgb(14,31,66)
-
#112652
#112652
rgb(17,38,82)
-
#142e62
#142e62
rgb(20,46,98)
-
#183572
#183572
rgb(24,53,114)
-
#1b3d83
#1b3d83
rgb(27,61,131)
-
#1f4493
#1f4493
rgb(31,68,147)
-
#224ca3
#224ca3
rgb(34,76,163)
-
#2554b3
#2554b3
rgb(37,84,179)
-
#295bc3
#295bc3
rgb(41,91,195)
-
#2d63d3
#2d63d3
rgb(45,99,211)
-
#3d6fd7
#3d6fd7
rgb(61,111,215)
-
#4d7bda
#4d7bda
rgb(77,123,218)
-
#5d87dd
#5d87dd
rgb(93,135,221)
-
#6e93e1
#6e93e1
rgb(110,147,225)
-
#7e9fe4
#7e9fe4
rgb(126,159,228)
-
#8eabe7
#8eabe7
rgb(142,171,231)
-
#9eb7eb
#9eb7eb
rgb(158,183,235)
-
#afc3ee
#afc3ee
rgb(175,195,238)
-
#bfcff2
#bfcff2
rgb(191,207,242)
-
#cfdbf5
#cfdbf5
rgb(207,219,245)
-
#dfe7f8
#dfe7f8
rgb(223,231,248)
-
#eff3fc
#eff3fc
rgb(239,243,252)
Tones of #224ca3
A tone is produced by adding gray to any pure hue. In this case, #5f6166 is the less saturated color, while #0441c1 is the most saturated one.
-
#5f6166
#5f6166
rgb(95,97,102)
-
#575f6e
#575f6e
rgb(87,95,110)
-
#4f5c76
#4f5c76
rgb(79,92,118)
-
#48597d
#48597d
rgb(72,89,125)
-
#405785
#405785
rgb(64,87,133)
-
#39548c
#39548c
rgb(57,84,140)
-
#315194
#315194
rgb(49,81,148)
-
#2a4f9b
#2a4f9b
rgb(42,79,155)
-
#224ca3
#224ca3
rgb(34,76,163)
-
#1a49ab
#1a49ab
rgb(26,73,171)
-
#1347b2
#1347b2
rgb(19,71,178)
-
#0b44ba
#0b44ba
rgb(11,68,186)
-
#0441c1
#0441c1
rgb(4,65,193)
Color Blindness Simulator
Below, you can see how #224ca3 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.