#224ba3 Color Information
In a RGB color space, hex #224ba3 is composed of 13.3% red, 29.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 54% magenta, 0% yellow and 36.1% black. It has a hue angle of 220.9 degrees, a saturation of 65.5% and a lightness of 38.6%. #224ba3 color hex could be obtained by blending #4496ff with #000047. Closest websafe color is: #333399.
-
- R 13
- G 29
- B 64
-
- C 79
- M 54
- Y 0
- K 36
● #224ba3 color description : Dark blue.
#224ba3 Color Conversion
The hexadecimal color #224ba3 has RGB values of R:34, G:75, B:163 and CMYK values of C:0.79, M:0.54, Y:0, K:0.36. Its decimal value is 2247587.
Hex triplet | 224ba3 | #224ba3 |
---|---|---|
RGB Decimal | 34, 75, 163 | rgb(34,75,163) |
RGB Percent | 13.3, 29.4, 63.9 | rgb(13.3%,29.4%,63.9%) |
CMYK | 79, 54, 0, 36 | |
HSL | 220.9°, 65.5, 38.6 | hsl(220.9,65.5%,38.6%) |
HSV (or HSB) | 220.9°, 79.1, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.016, 18.755, -51.651 |
---|---|
XYZ | 9.785, 8.016, 35.68 |
xyY | 0.183, 0.15, 8.016 |
CIE-LCH | 34.016, 54.95, 289.956 |
CIE-LUV | 34.016, -14.474, -72.529 |
Hunter-Lab | 28.312, 12.146, -54.9 |
Binary | 00100010, 01001011, 10100011 |
Color Schemes with #224ba3
Alternatives to #224ba3
Below, you can see some colors close to #224ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ba3 Preview
This text has a font color of #224ba3.
<span style="color:#224ba3;">Text here</span>
This paragraph has a background color of #224ba3.
<p style="background-color:#224ba3;">Content here</p>
This element has a border color of #224ba3.
<div style="border:1px solid #224ba3;">Content here</div>
.text {color:#224ba3;}
.background {background-color:#224ba3;}
.border {border:1px solid #224ba3;}
Shades and Tints of #224ba3
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)
-
#0e1e42
#0e1e42
rgb(14,30,66)
-
#112652
#112652
rgb(17,38,82)
-
#142d62
#142d62
rgb(20,45,98)
-
#183572
#183572
rgb(24,53,114)
-
#1b3c83
#1b3c83
rgb(27,60,131)
-
#1f4493
#1f4493
rgb(31,68,147)
-
#224ba3
#224ba3
rgb(34,75,163)
-
#2552b3
#2552b3
rgb(37,82,179)
-
#295ac3
#295ac3
rgb(41,90,195)
-
#2d62d3
#2d62d3
rgb(45,98,211)
-
#3d6ed7
#3d6ed7
rgb(61,110,215)
-
#4d7ada
#4d7ada
rgb(77,122,218)
-
#5d86dd
#5d86dd
rgb(93,134,221)
-
#6e92e1
#6e92e1
rgb(110,146,225)
-
#7e9ee4
#7e9ee4
rgb(126,158,228)
-
#8eaae7
#8eaae7
rgb(142,170,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 #224ba3
A tone is produced by adding gray to any pure hue. In this case, #5f6166 is the less saturated color, while #0440c1 is the most saturated one.
-
#5f6166
#5f6166
rgb(95,97,102)
-
#575e6e
#575e6e
rgb(87,94,110)
-
#4f5c76
#4f5c76
rgb(79,92,118)
-
#48597d
#48597d
rgb(72,89,125)
-
#405685
#405685
rgb(64,86,133)
-
#39538c
#39538c
rgb(57,83,140)
-
#315194
#315194
rgb(49,81,148)
-
#2a4e9b
#2a4e9b
rgb(42,78,155)
-
#224ba3
#224ba3
rgb(34,75,163)
-
#1a48ab
#1a48ab
rgb(26,72,171)
-
#1345b2
#1345b2
rgb(19,69,178)
-
#0b43ba
#0b43ba
rgb(11,67,186)
-
#0440c1
#0440c1
rgb(4,64,193)
Color Blindness Simulator
Below, you can see how #224ba3 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.