#224ea6 Color Information
In a RGB color space, hex #224ea6 is composed of 13.3% red, 30.6% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 53% magenta, 0% yellow and 34.9% black. It has a hue angle of 220 degrees, a saturation of 66% and a lightness of 39.2%. #224ea6 color hex could be obtained by blending #449cff with #00004d. Closest websafe color is: #336699.
-
- R 13
- G 31
- B 65
-
- C 80
- M 53
- Y 0
- K 35
● #224ea6 color description : Dark blue.
#224ea6 Color Conversion
The hexadecimal color #224ea6 has RGB values of R:34, G:78, B:166 and CMYK values of C:0.8, M:0.53, Y:0, K:0.35. Its decimal value is 2248358.
Hex triplet | 224ea6 | #224ea6 |
---|---|---|
RGB Decimal | 34, 78, 166 | rgb(34,78,166) |
RGB Percent | 13.3, 30.6, 65.1 | rgb(13.3%,30.6%,65.1%) |
CMYK | 80, 53, 0, 35 | |
HSL | 220°, 66, 39.2 | hsl(220,66%,39.2%) |
HSV (or HSB) | 220°, 79.5, 65.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.086, 17.917, -51.715 |
---|---|
XYZ | 10.266, 8.541, 37.182 |
xyY | 0.183, 0.153, 8.541 |
CIE-LCH | 35.086, 54.731, 289.109 |
CIE-LUV | 35.086, -15.301, -73.327 |
Hunter-Lab | 29.225, 11.554, -54.974 |
Binary | 00100010, 01001110, 10100110 |
Color Schemes with #224ea6
Alternatives to #224ea6
Below, you can see some colors close to #224ea6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ea6 Preview
This text has a font color of #224ea6.
<span style="color:#224ea6;">Text here</span>
This paragraph has a background color of #224ea6.
<p style="background-color:#224ea6;">Content here</p>
This element has a border color of #224ea6.
<div style="border:1px solid #224ea6;">Content here</div>
.text {color:#224ea6;}
.background {background-color:#224ea6;}
.border {border:1px solid #224ea6;}
Shades and Tints of #224ea6
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, #010203 is the darkest color, while #f2f5fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#040913
#040913
rgb(4,9,19)
-
#071124
#071124
rgb(7,17,36)
-
#0b1834
#0b1834
rgb(11,24,52)
-
#0e2044
#0e2044
rgb(14,32,68)
-
#112855
#112855
rgb(17,40,85)
-
#152f65
#152f65
rgb(21,47,101)
-
#183775
#183775
rgb(24,55,117)
-
#1b3f85
#1b3f85
rgb(27,63,133)
-
#1f4696
#1f4696
rgb(31,70,150)
-
#224ea6
#224ea6
rgb(34,78,166)
-
#2556b6
#2556b6
rgb(37,86,182)
-
#295dc7
#295dc7
rgb(41,93,199)
-
#2f66d4
#2f66d4
rgb(47,102,212)
-
#3f72d8
#3f72d8
rgb(63,114,216)
-
#4f7edb
#4f7edb
rgb(79,126,219)
-
#5f8ade
#5f8ade
rgb(95,138,222)
-
#7096e2
#7096e2
rgb(112,150,226)
-
#80a2e5
#80a2e5
rgb(128,162,229)
-
#90aee8
#90aee8
rgb(144,174,232)
-
#a1baec
#a1baec
rgb(161,186,236)
-
#b1c6ef
#b1c6ef
rgb(177,198,239)
-
#c1d1f2
#c1d1f2
rgb(193,209,242)
-
#d1ddf6
#d1ddf6
rgb(209,221,246)
-
#e2e9f9
#e2e9f9
rgb(226,233,249)
-
#f2f5fc
#f2f5fc
rgb(242,245,252)
Tones of #224ea6
A tone is produced by adding gray to any pure hue. In this case, #606368 is the less saturated color, while #0344c5 is the most saturated one.
-
#606368
#606368
rgb(96,99,104)
-
#586070
#586070
rgb(88,96,112)
-
#505d78
#505d78
rgb(80,93,120)
-
#485b80
#485b80
rgb(72,91,128)
-
#415887
#415887
rgb(65,88,135)
-
#39568f
#39568f
rgb(57,86,143)
-
#315397
#315397
rgb(49,83,151)
-
#2a519e
#2a519e
rgb(42,81,158)
-
#224ea6
#224ea6
rgb(34,78,166)
-
#1a4bae
#1a4bae
rgb(26,75,174)
-
#1349b5
#1349b5
rgb(19,73,181)
-
#0b46bd
#0b46bd
rgb(11,70,189)
-
#0344c5
#0344c5
rgb(3,68,197)
Color Blindness Simulator
Below, you can see how #224ea6 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.