#2224f2 Color Information
In a RGB color space, hex #2224f2 is composed of 13.3% red, 14.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 85.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 239.4 degrees, a saturation of 88.9% and a lightness of 54.1%. #2224f2 color hex could be obtained by blending #4448ff with #0000e5. Closest websafe color is: #3333ff.
-
- R 13
- G 14
- B 95
-
- C 86
- M 85
- Y 0
- K 5
● #2224f2 color description : Vivid blue.
#2224f2 Color Conversion
The hexadecimal color #2224f2 has RGB values of R:34, G:36, B:242 and CMYK values of C:0.86, M:0.85, Y:0, K:0.05. Its decimal value is 2237682.
Hex triplet | 2224f2 | #2224f2 |
---|---|---|
RGB Decimal | 34, 36, 242 | rgb(34,36,242) |
RGB Percent | 13.3, 14.1, 94.9 | rgb(13.3%,14.1%,94.9%) |
CMYK | 86, 85, 0, 5 | |
HSL | 239.4°, 88.9, 54.1 | hsl(239.4,88.9%,54.1%) |
HSV (or HSB) | 239.4°, 86, 94.9 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 34.007, 67.893, -97.671 |
---|---|
XYZ | 17.314, 8.011, 84.633 |
xyY | 0.157, 0.073, 8.011 |
CIE-LCH | 34.007, 118.95, 304.804 |
CIE-LUV | 34.007, -9.233, -125.602 |
Hunter-Lab | 28.304, 59.66, -157.471 |
Binary | 00100010, 00100100, 11110010 |
Color Schemes with #2224f2
Alternatives to #2224f2
Below, you can see some colors close to #2224f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2224f2 Preview
This text has a font color of #2224f2.
<span style="color:#2224f2;">Text here</span>
This paragraph has a background color of #2224f2.
<p style="background-color:#2224f2;">Content here</p>
This element has a border color of #2224f2.
<div style="border:1px solid #2224f2;">Content here</div>
.text {color:#2224f2;}
.background {background-color:#2224f2;}
.border {border:1px solid #2224f2;}
Shades and Tints of #2224f2
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, #000001 is the darkest color, while #eeeefe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010114
#010114
rgb(1,1,20)
-
#020326
#020326
rgb(2,3,38)
-
#030439
#030439
rgb(3,4,57)
-
#04054b
#04054b
rgb(4,5,75)
-
#06065e
#06065e
rgb(6,6,94)
-
#070870
#070870
rgb(7,8,112)
-
#080983
#080983
rgb(8,9,131)
-
#090a96
#090a96
rgb(9,10,150)
-
#0a0ba8
#0a0ba8
rgb(10,11,168)
-
#0b0dbb
#0b0dbb
rgb(11,13,187)
-
#0c0ecd
#0c0ecd
rgb(12,14,205)
-
#0d0fe0
#0d0fe0
rgb(13,15,224)
-
#0f12f1
#0f12f1
rgb(15,18,241)
-
#2224f2
#2224f2
rgb(34,36,242)
-
#3536f3
#3536f3
rgb(53,54,243)
-
#4749f4
#4749f4
rgb(71,73,244)
-
#5a5bf5
#5a5bf5
rgb(90,91,245)
-
#6c6df6
#6c6df6
rgb(108,109,246)
-
#7f80f7
#7f80f7
rgb(127,128,247)
-
#9192f9
#9192f9
rgb(145,146,249)
-
#a4a5fa
#a4a5fa
rgb(164,165,250)
-
#b6b7fb
#b6b7fb
rgb(182,183,251)
-
#c9c9fc
#c9c9fc
rgb(201,201,252)
-
#dbdcfd
#dbdcfd
rgb(219,220,253)
-
#eeeefe
#eeeefe
rgb(238,238,254)
Tones of #2224f2
A tone is produced by adding gray to any pure hue. In this case, #85858f is the less saturated color, while #191bfb is the most saturated one.
-
#85858f
#85858f
rgb(133,133,143)
-
#7c7c98
#7c7c98
rgb(124,124,152)
-
#7373a1
#7373a1
rgb(115,115,161)
-
#6a6baa
#6a6baa
rgb(106,107,170)
-
#6162b3
#6162b3
rgb(97,98,179)
-
#5859bc
#5859bc
rgb(88,89,188)
-
#4f50c5
#4f50c5
rgb(79,80,197)
-
#4647ce
#4647ce
rgb(70,71,206)
-
#3d3ed7
#3d3ed7
rgb(61,62,215)
-
#3436e0
#3436e0
rgb(52,54,224)
-
#2b2de9
#2b2de9
rgb(43,45,233)
-
#2224f2
#2224f2
rgb(34,36,242)
-
#191bfb
#191bfb
rgb(25,27,251)
Color Blindness Simulator
Below, you can see how #2224f2 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.