#224ea3 Color Information
In a RGB color space, hex #224ea3 is composed of 13.3% red, 30.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 52.1% magenta, 0% yellow and 36.1% black. It has a hue angle of 219.5 degrees, a saturation of 65.5% and a lightness of 38.6%. #224ea3 color hex could be obtained by blending #449cff with #000047. Closest websafe color is: #336699.
-
- R 13
- G 31
- B 64
-
- C 79
- M 52
- Y 0
- K 36
● #224ea3 color description : Dark blue.
#224ea3 Color Conversion
The hexadecimal color #224ea3 has RGB values of R:34, G:78, B:163 and CMYK values of C:0.79, M:0.52, Y:0, K:0.36. Its decimal value is 2248355.
Hex triplet | 224ea3 | #224ea3 |
---|---|---|
RGB Decimal | 34, 78, 163 | rgb(34,78,163) |
RGB Percent | 13.3, 30.6, 63.9 | rgb(13.3%,30.6%,63.9%) |
CMYK | 79, 52, 0, 36 | |
HSL | 219.5°, 65.5, 38.6 | hsl(219.5,65.5%,38.6%) |
HSV (or HSB) | 219.5°, 79.1, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.868, 16.734, -50.272 |
---|---|
XYZ | 9.993, 8.432, 35.749 |
xyY | 0.184, 0.156, 8.432 |
CIE-LCH | 34.868, 52.984, 288.411 |
CIE-LUV | 34.868, -15.334, -71.145 |
Hunter-Lab | 29.039, 10.612, -52.664 |
Binary | 00100010, 01001110, 10100011 |
Color Schemes with #224ea3
Alternatives to #224ea3
Below, you can see some colors close to #224ea3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ea3 Preview
This text has a font color of #224ea3.
<span style="color:#224ea3;">Text here</span>
This paragraph has a background color of #224ea3.
<p style="background-color:#224ea3;">Content here</p>
This element has a border color of #224ea3.
<div style="border:1px solid #224ea3;">Content here</div>
.text {color:#224ea3;}
.background {background-color:#224ea3;}
.border {border:1px solid #224ea3;}
Shades and Tints of #224ea3
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 #eff4fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040811
#040811
rgb(4,8,17)
-
#071021
#071021
rgb(7,16,33)
-
#0a1831
#0a1831
rgb(10,24,49)
-
#0e1f42
#0e1f42
rgb(14,31,66)
-
#112752
#112752
rgb(17,39,82)
-
#142f62
#142f62
rgb(20,47,98)
-
#183772
#183772
rgb(24,55,114)
-
#1b3e83
#1b3e83
rgb(27,62,131)
-
#1f4693
#1f4693
rgb(31,70,147)
-
#224ea3
#224ea3
rgb(34,78,163)
-
#2556b3
#2556b3
rgb(37,86,179)
-
#295ec3
#295ec3
rgb(41,94,195)
-
#2d65d3
#2d65d3
rgb(45,101,211)
-
#3d71d7
#3d71d7
rgb(61,113,215)
-
#4d7dda
#4d7dda
rgb(77,125,218)
-
#5d89dd
#5d89dd
rgb(93,137,221)
-
#6e95e1
#6e95e1
rgb(110,149,225)
-
#7ea1e4
#7ea1e4
rgb(126,161,228)
-
#8eade7
#8eade7
rgb(142,173,231)
-
#9eb8eb
#9eb8eb
rgb(158,184,235)
-
#afc4ee
#afc4ee
rgb(175,196,238)
-
#bfd0f2
#bfd0f2
rgb(191,208,242)
-
#cfdcf5
#cfdcf5
rgb(207,220,245)
-
#dfe8f8
#dfe8f8
rgb(223,232,248)
-
#eff4fc
#eff4fc
rgb(239,244,252)
Tones of #224ea3
A tone is produced by adding gray to any pure hue. In this case, #5f6166 is the less saturated color, while #0444c1 is the most saturated one.
-
#5f6166
#5f6166
rgb(95,97,102)
-
#575f6e
#575f6e
rgb(87,95,110)
-
#4f5c76
#4f5c76
rgb(79,92,118)
-
#485a7d
#485a7d
rgb(72,90,125)
-
#405885
#405885
rgb(64,88,133)
-
#39558c
#39558c
rgb(57,85,140)
-
#315394
#315394
rgb(49,83,148)
-
#2a509b
#2a509b
rgb(42,80,155)
-
#224ea3
#224ea3
rgb(34,78,163)
-
#1a4cab
#1a4cab
rgb(26,76,171)
-
#1349b2
#1349b2
rgb(19,73,178)
-
#0b47ba
#0b47ba
rgb(11,71,186)
-
#0444c1
#0444c1
rgb(4,68,193)
Color Blindness Simulator
Below, you can see how #224ea3 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.