#224ea1 Color Information
In a RGB color space, hex #224ea1 is composed of 13.3% red, 30.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 51.6% magenta, 0% yellow and 36.9% black. It has a hue angle of 219.2 degrees, a saturation of 65.1% and a lightness of 38.2%. #224ea1 color hex could be obtained by blending #449cff with #000043. Closest websafe color is: #336699.
-
- R 13
- G 31
- B 63
-
- C 79
- M 52
- Y 0
- K 37
● #224ea1 color description : Dark blue.
#224ea1 Color Conversion
The hexadecimal color #224ea1 has RGB values of R:34, G:78, B:161 and CMYK values of C:0.79, M:0.52, Y:0, K:0.37. Its decimal value is 2248353.
Hex triplet | 224ea1 | #224ea1 |
---|---|---|
RGB Decimal | 34, 78, 161 | rgb(34,78,161) |
RGB Percent | 13.3, 30.6, 63.1 | rgb(13.3%,30.6%,63.1%) |
CMYK | 79, 52, 0, 37 | |
HSL | 219.2°, 65.1, 38.2 | hsl(219.2,65.1%,38.2%) |
HSV (or HSB) | 219.2°, 78.9, 63.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.724, 15.944, -49.303 |
---|---|
XYZ | 9.816, 8.361, 34.813 |
xyY | 0.185, 0.158, 8.361 |
CIE-LCH | 34.724, 51.817, 287.921 |
CIE-LUV | 34.724, -15.358, -69.681 |
Hunter-Lab | 28.916, 9.99, -51.14 |
Binary | 00100010, 01001110, 10100001 |
Color Schemes with #224ea1
Alternatives to #224ea1
Below, you can see some colors close to #224ea1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ea1 Preview
This text has a font color of #224ea1.
<span style="color:#224ea1;">Text here</span>
This paragraph has a background color of #224ea1.
<p style="background-color:#224ea1;">Content here</p>
This element has a border color of #224ea1.
<div style="border:1px solid #224ea1;">Content here</div>
.text {color:#224ea1;}
.background {background-color:#224ea1;}
.border {border:1px solid #224ea1;}
Shades and Tints of #224ea1
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, #03070f is the darkest color, while #fefeff is the lightest one.
-
#03070f
#03070f
rgb(3,7,15)
-
#070f1f
#070f1f
rgb(7,15,31)
-
#0a1730
#0a1730
rgb(10,23,48)
-
#0d1f40
#0d1f40
rgb(13,31,64)
-
#112750
#112750
rgb(17,39,80)
-
#142f60
#142f60
rgb(20,47,96)
-
#183670
#183670
rgb(24,54,112)
-
#1b3e81
#1b3e81
rgb(27,62,129)
-
#1f4691
#1f4691
rgb(31,70,145)
-
#224ea1
#224ea1
rgb(34,78,161)
-
#2556b1
#2556b1
rgb(37,86,177)
-
#295ec1
#295ec1
rgb(41,94,193)
-
#2c66d2
#2c66d2
rgb(44,102,210)
-
#3c71d6
#3c71d6
rgb(60,113,214)
-
#4c7dd9
#4c7dd9
rgb(76,125,217)
-
#5c89dd
#5c89dd
rgb(92,137,221)
-
#6c94e0
#6c94e0
rgb(108,148,224)
-
#7ca0e3
#7ca0e3
rgb(124,160,227)
-
#8dace7
#8dace7
rgb(141,172,231)
-
#9db8ea
#9db8ea
rgb(157,184,234)
-
#adc3ee
#adc3ee
rgb(173,195,238)
-
#bdcff1
#bdcff1
rgb(189,207,241)
-
#cddbf5
#cddbf5
rgb(205,219,245)
-
#dee7f8
#dee7f8
rgb(222,231,248)
-
#eef3fb
#eef3fb
rgb(238,243,251)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #224ea1
A tone is produced by adding gray to any pure hue. In this case, #5e6065 is the less saturated color, while #0445bf is the most saturated one.
-
#5e6065
#5e6065
rgb(94,96,101)
-
#575e6d
#575e6d
rgb(87,94,109)
-
#4f5c74
#4f5c74
rgb(79,92,116)
-
#485a7c
#485a7c
rgb(72,90,124)
-
#405783
#405783
rgb(64,87,131)
-
#39558b
#39558b
rgb(57,85,139)
-
#315392
#315392
rgb(49,83,146)
-
#2a509a
#2a509a
rgb(42,80,154)
-
#224ea1
#224ea1
rgb(34,78,161)
-
#1b4ca9
#1b4ca9
rgb(27,76,169)
-
#1349b0
#1349b0
rgb(19,73,176)
-
#0c47b8
#0c47b8
rgb(12,71,184)
-
#0445bf
#0445bf
rgb(4,69,191)
Color Blindness Simulator
Below, you can see how #224ea1 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.