#224ea5 Color Information
In a RGB color space, hex #224ea5 is composed of 13.3% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 219.8 degrees, a saturation of 65.8% and a lightness of 39%. #224ea5 color hex could be obtained by blending #449cff with #00004b. Closest websafe color is: #336699.
-
- R 13
- G 31
- B 65
-
- C 79
- M 53
- Y 0
- K 35
● #224ea5 color description : Dark blue.
#224ea5 Color Conversion
The hexadecimal color #224ea5 has RGB values of R:34, G:78, B:165 and CMYK values of C:0.79, M:0.53, Y:0, K:0.35. Its decimal value is 2248357.
Hex triplet | 224ea5 | #224ea5 |
---|---|---|
RGB Decimal | 34, 78, 165 | rgb(34,78,165) |
RGB Percent | 13.3, 30.6, 64.7 | rgb(13.3%,30.6%,64.7%) |
CMYK | 79, 53, 0, 35 | |
HSL | 219.8°, 65.8, 39 | hsl(219.8,65.8%,39%) |
HSV (or HSB) | 219.8°, 79.4, 64.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.013, 17.523, -51.235 |
---|---|
XYZ | 10.174, 8.505, 36.701 |
xyY | 0.184, 0.154, 8.505 |
CIE-LCH | 35.013, 54.149, 288.881 |
CIE-LUV | 35.013, -15.311, -72.602 |
Hunter-Lab | 29.163, 11.239, -54.201 |
Binary | 00100010, 01001110, 10100101 |
Color Schemes with #224ea5
Alternatives to #224ea5
Below, you can see some colors close to #224ea5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ea5 Preview
This text has a font color of #224ea5.
<span style="color:#224ea5;">Text here</span>
This paragraph has a background color of #224ea5.
<p style="background-color:#224ea5;">Content here</p>
This element has a border color of #224ea5.
<div style="border:1px solid #224ea5;">Content here</div>
.text {color:#224ea5;}
.background {background-color:#224ea5;}
.border {border:1px solid #224ea5;}
Shades and Tints of #224ea5
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, #000102 is the darkest color, while #f1f5fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040913
#040913
rgb(4,9,19)
-
#071023
#071023
rgb(7,16,35)
-
#0b1833
#0b1833
rgb(11,24,51)
-
#0e2043
#0e2043
rgb(14,32,67)
-
#112854
#112854
rgb(17,40,84)
-
#152f64
#152f64
rgb(21,47,100)
-
#183774
#183774
rgb(24,55,116)
-
#1b3f84
#1b3f84
rgb(27,63,132)
-
#1f4695
#1f4695
rgb(31,70,149)
-
#224ea5
#224ea5
rgb(34,78,165)
-
#2556b5
#2556b5
rgb(37,86,181)
-
#295dc6
#295dc6
rgb(41,93,198)
-
#2e66d4
#2e66d4
rgb(46,102,212)
-
#3e72d7
#3e72d7
rgb(62,114,215)
-
#4e7edb
#4e7edb
rgb(78,126,219)
-
#5f89de
#5f89de
rgb(95,137,222)
-
#6f95e1
#6f95e1
rgb(111,149,225)
-
#7fa1e5
#7fa1e5
rgb(127,161,229)
-
#90ade8
#90ade8
rgb(144,173,232)
-
#a0b9eb
#a0b9eb
rgb(160,185,235)
-
#b0c5ef
#b0c5ef
rgb(176,197,239)
-
#c0d1f2
#c0d1f2
rgb(192,209,242)
-
#d1ddf5
#d1ddf5
rgb(209,221,245)
-
#e1e9f9
#e1e9f9
rgb(225,233,249)
-
#f1f5fc
#f1f5fc
rgb(241,245,252)
Tones of #224ea5
A tone is produced by adding gray to any pure hue. In this case, #5f6268 is the less saturated color, while #0344c4 is the most saturated one.
-
#5f6268
#5f6268
rgb(95,98,104)
-
#58606f
#58606f
rgb(88,96,111)
-
#505d77
#505d77
rgb(80,93,119)
-
#485b7f
#485b7f
rgb(72,91,127)
-
#415886
#415886
rgb(65,88,134)
-
#39568e
#39568e
rgb(57,86,142)
-
#315396
#315396
rgb(49,83,150)
-
#2a519d
#2a519d
rgb(42,81,157)
-
#224ea5
#224ea5
rgb(34,78,165)
-
#1a4bad
#1a4bad
rgb(26,75,173)
-
#1349b4
#1349b4
rgb(19,73,180)
-
#0b46bc
#0b46bc
rgb(11,70,188)
-
#0344c4
#0344c4
rgb(3,68,196)
Color Blindness Simulator
Below, you can see how #224ea5 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.