#224aee Color Information
In a RGB color space, hex #224aee is composed of 13.3% red, 29% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 68.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 228.2 degrees, a saturation of 85.7% and a lightness of 53.3%. #224aee color hex could be obtained by blending #4494ff with #0000dd. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 93
-
- C 86
- M 69
- Y 0
- K 7
● #224aee color description : Vivid blue.
#224aee Color Conversion
The hexadecimal color #224aee has RGB values of R:34, G:74, B:238 and CMYK values of C:0.86, M:0.69, Y:0, K:0.07. Its decimal value is 2247406.
Hex triplet | 224aee | #224aee |
---|---|---|
RGB Decimal | 34, 74, 238 | rgb(34,74,238) |
RGB Percent | 13.3, 29, 93.3 | rgb(13.3%,29%,93.3%) |
CMYK | 86, 69, 0, 7 | |
HSL | 228.2°, 85.7, 53.3 | hsl(228.2,85.7%,53.3%) |
HSV (or HSB) | 228.2°, 85.7, 93.3 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 40.261, 47.458, -85.041 |
---|---|
XYZ | 18.538, 11.409, 82.109 |
xyY | 0.165, 0.102, 11.409 |
CIE-LCH | 40.261, 97.387, 299.164 |
CIE-LUV | 40.261, -14.534, -121.861 |
Hunter-Lab | 33.778, 38.854, -120.483 |
Binary | 00100010, 01001010, 11101110 |
Color Schemes with #224aee
Alternatives to #224aee
Below, you can see some colors close to #224aee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224aee Preview
This text has a font color of #224aee.
<span style="color:#224aee;">Text here</span>
This paragraph has a background color of #224aee.
<p style="background-color:#224aee;">Content here</p>
This element has a border color of #224aee.
<div style="border:1px solid #224aee;">Content here</div>
.text {color:#224aee;}
.background {background-color:#224aee;}
.border {border:1px solid #224aee;}
Shades and Tints of #224aee
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, #010410 is the darkest color, while #fdfdff is the lightest one.
-
#010410
#010410
rgb(1,4,16)
-
#030922
#030922
rgb(3,9,34)
-
#040d34
#040d34
rgb(4,13,52)
-
#051246
#051246
rgb(5,18,70)
-
#071759
#071759
rgb(7,23,89)
-
#081c6b
#081c6b
rgb(8,28,107)
-
#0a207d
#0a207d
rgb(10,32,125)
-
#0b258f
#0b258f
rgb(11,37,143)
-
#0c2aa2
#0c2aa2
rgb(12,42,162)
-
#0e2eb4
#0e2eb4
rgb(14,46,180)
-
#0f33c6
#0f33c6
rgb(15,51,198)
-
#1138d8
#1138d8
rgb(17,56,216)
-
#123cea
#123cea
rgb(18,60,234)
-
#224aee
#224aee
rgb(34,74,238)
-
#3459ef
#3459ef
rgb(52,89,239)
-
#4668f1
#4668f1
rgb(70,104,241)
-
#5977f2
#5977f2
rgb(89,119,242)
-
#6b86f4
#6b86f4
rgb(107,134,244)
-
#7d95f5
#7d95f5
rgb(125,149,245)
-
#8fa4f6
#8fa4f6
rgb(143,164,246)
-
#a2b2f8
#a2b2f8
rgb(162,178,248)
-
#b4c1f9
#b4c1f9
rgb(180,193,249)
-
#c6d0fb
#c6d0fb
rgb(198,208,251)
-
#d8dffc
#d8dffc
rgb(216,223,252)
-
#eaeefd
#eaeefd
rgb(234,238,253)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #224aee
A tone is produced by adding gray to any pure hue. In this case, #878789 is the less saturated color, while #1944f7 is the most saturated one.
-
#878789
#878789
rgb(135,135,137)
-
#7e8292
#7e8292
rgb(126,130,146)
-
#747c9c
#747c9c
rgb(116,124,156)
-
#6b77a5
#6b77a5
rgb(107,119,165)
-
#6271ae
#6271ae
rgb(98,113,174)
-
#596bb7
#596bb7
rgb(89,107,183)
-
#5066c0
#5066c0
rgb(80,102,192)
-
#4760c9
#4760c9
rgb(71,96,201)
-
#3d5bd3
#3d5bd3
rgb(61,91,211)
-
#3455dc
#3455dc
rgb(52,85,220)
-
#2b50e5
#2b50e5
rgb(43,80,229)
-
#224aee
#224aee
rgb(34,74,238)
-
#1944f7
#1944f7
rgb(25,68,247)
Color Blindness Simulator
Below, you can see how #224aee 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.