#224ed2 Color Information
In a RGB color space, hex #224ed2 is composed of 13.3% red, 30.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 62.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 225 degrees, a saturation of 72.1% and a lightness of 47.8%. #224ed2 color hex could be obtained by blending #449cff with #0000a5. Closest websafe color is: #3366cc.
-
- R 13
- G 31
- B 82
-
- C 84
- M 63
- Y 0
- K 18
● #224ed2 color description : Strong blue.
#224ed2 Color Conversion
The hexadecimal color #224ed2 has RGB values of R:34, G:78, B:210 and CMYK values of C:0.84, M:0.63, Y:0, K:0.18. Its decimal value is 2248402.
Hex triplet | 224ed2 | #224ed2 |
---|---|---|
RGB Decimal | 34, 78, 210 | rgb(34,78,210) |
RGB Percent | 13.3, 30.6, 82.4 | rgb(13.3%,30.6%,82.4%) |
CMYK | 84, 63, 0, 18 | |
HSL | 225°, 72.1, 47.8 | hsl(225,72.1%,47.8%) |
HSV (or HSB) | 225°, 83.8, 82.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 38.622, 34.848, -71.766 |
---|---|
XYZ | 15.014, 10.441, 62.193 |
xyY | 0.171, 0.119, 10.441 |
CIE-LCH | 38.622, 79.779, 295.9 |
CIE-LUV | 38.622, -15.152, -103.435 |
Hunter-Lab | 32.312, 26.397, -91.5 |
Binary | 00100010, 01001110, 11010010 |
Color Schemes with #224ed2
Alternatives to #224ed2
Below, you can see some colors close to #224ed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ed2 Preview
This text has a font color of #224ed2.
<span style="color:#224ed2;">Text here</span>
This paragraph has a background color of #224ed2.
<p style="background-color:#224ed2;">Content here</p>
This element has a border color of #224ed2.
<div style="border:1px solid #224ed2;">Content here</div>
.text {color:#224ed2;}
.background {background-color:#224ed2;}
.border {border:1px solid #224ed2;}
Shades and Tints of #224ed2
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, #010307 is the darkest color, while #f6f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#040918
#040918
rgb(4,9,24)
-
#070f29
#070f29
rgb(7,15,41)
-
#09163a
#09163a
rgb(9,22,58)
-
#0c1c4b
#0c1c4b
rgb(12,28,75)
-
#0f225c
#0f225c
rgb(15,34,92)
-
#12286d
#12286d
rgb(18,40,109)
-
#142f7e
#142f7e
rgb(20,47,126)
-
#17358e
#17358e
rgb(23,53,142)
-
#1a3b9f
#1a3b9f
rgb(26,59,159)
-
#1d41b0
#1d41b0
rgb(29,65,176)
-
#1f48c1
#1f48c1
rgb(31,72,193)
-
#224ed2
#224ed2
rgb(34,78,210)
-
#2b57dd
#2b57dd
rgb(43,87,221)
-
#3c65df
#3c65df
rgb(60,101,223)
-
#4d72e2
#4d72e2
rgb(77,114,226)
-
#5e7fe5
#5e7fe5
rgb(94,127,229)
-
#6e8de8
#6e8de8
rgb(110,141,232)
-
#7f9aea
#7f9aea
rgb(127,154,234)
-
#90a7ed
#90a7ed
rgb(144,167,237)
-
#a1b5f0
#a1b5f0
rgb(161,181,240)
-
#b2c2f3
#b2c2f3
rgb(178,194,243)
-
#c3cff5
#c3cff5
rgb(195,207,245)
-
#d4ddf8
#d4ddf8
rgb(212,221,248)
-
#e5eafb
#e5eafb
rgb(229,234,251)
-
#f6f8fd
#f6f8fd
rgb(246,248,253)
Tones of #224ed2
A tone is produced by adding gray to any pure hue. In this case, #76787e is the less saturated color, while #0640ee is the most saturated one.
-
#76787e
#76787e
rgb(118,120,126)
-
#6d7487
#6d7487
rgb(109,116,135)
-
#646f90
#646f90
rgb(100,111,144)
-
#5a6a9a
#5a6a9a
rgb(90,106,154)
-
#5165a3
#5165a3
rgb(81,101,163)
-
#4861ac
#4861ac
rgb(72,97,172)
-
#3e5cb6
#3e5cb6
rgb(62,92,182)
-
#3557bf
#3557bf
rgb(53,87,191)
-
#2b53c9
#2b53c9
rgb(43,83,201)
-
#224ed2
#224ed2
rgb(34,78,210)
-
#1949db
#1949db
rgb(25,73,219)
-
#0f45e5
#0f45e5
rgb(15,69,229)
-
#0640ee
#0640ee
rgb(6,64,238)
Color Blindness Simulator
Below, you can see how #224ed2 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.