#225ef2 Color Information
In a RGB color space, hex #225ef2 is composed of 13.3% red, 36.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 61.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.7 degrees, a saturation of 88.9% and a lightness of 54.1%. #225ef2 color hex could be obtained by blending #44bcff with #0000e5. Closest websafe color is: #3366ff.
-
- R 13
- G 37
- B 95
-
- C 86
- M 61
- Y 0
- K 5
● #225ef2 color description : Vivid blue.
#225ef2 Color Conversion
The hexadecimal color #225ef2 has RGB values of R:34, G:94, B:242 and CMYK values of C:0.86, M:0.61, Y:0, K:0.05. Its decimal value is 2252530.
Hex triplet | 225ef2 | #225ef2 |
---|---|---|
RGB Decimal | 34, 94, 242 | rgb(34,94,242) |
RGB Percent | 13.3, 36.9, 94.9 | rgb(13.3%,36.9%,94.9%) |
CMYK | 86, 61, 0, 5 | |
HSL | 222.7°, 88.9, 54.1 | hsl(222.7,88.9%,54.1%) |
HSV (or HSB) | 222.7°, 86, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.296, 36.549, -79.017 |
---|---|
XYZ | 20.686, 14.755, 85.757 |
xyY | 0.171, 0.122, 14.755 |
CIE-LCH | 45.296, 87.06, 294.823 |
CIE-LUV | 45.296, -18.909, -119.165 |
Hunter-Lab | 38.412, 28.908, -105.481 |
Binary | 00100010, 01011110, 11110010 |
Color Schemes with #225ef2
Alternatives to #225ef2
Below, you can see some colors close to #225ef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225ef2 Preview
This text has a font color of #225ef2.
<span style="color:#225ef2;">Text here</span>
This paragraph has a background color of #225ef2.
<p style="background-color:#225ef2;">Content here</p>
This element has a border color of #225ef2.
<div style="border:1px solid #225ef2;">Content here</div>
.text {color:#225ef2;}
.background {background-color:#225ef2;}
.border {border:1px solid #225ef2;}
Shades and Tints of #225ef2
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 #eef2fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010714
#010714
rgb(1,7,20)
-
#020d26
#020d26
rgb(2,13,38)
-
#031339
#031339
rgb(3,19,57)
-
#04194b
#04194b
rgb(4,25,75)
-
#061f5e
#061f5e
rgb(6,31,94)
-
#072570
#072570
rgb(7,37,112)
-
#082b83
#082b83
rgb(8,43,131)
-
#093196
#093196
rgb(9,49,150)
-
#0a38a8
#0a38a8
rgb(10,56,168)
-
#0b3ebb
#0b3ebb
rgb(11,62,187)
-
#0c44cd
#0c44cd
rgb(12,68,205)
-
#0d4ae0
#0d4ae0
rgb(13,74,224)
-
#0f51f1
#0f51f1
rgb(15,81,241)
-
#225ef2
#225ef2
rgb(34,94,242)
-
#356bf3
#356bf3
rgb(53,107,243)
-
#4779f4
#4779f4
rgb(71,121,244)
-
#5a86f5
#5a86f5
rgb(90,134,245)
-
#6c94f6
#6c94f6
rgb(108,148,246)
-
#7fa1f7
#7fa1f7
rgb(127,161,247)
-
#91aff9
#91aff9
rgb(145,175,249)
-
#a4bcfa
#a4bcfa
rgb(164,188,250)
-
#b6cafb
#b6cafb
rgb(182,202,251)
-
#c9d7fc
#c9d7fc
rgb(201,215,252)
-
#dbe5fd
#dbe5fd
rgb(219,229,253)
-
#eef2fe
#eef2fe
rgb(238,242,254)
Tones of #225ef2
A tone is produced by adding gray to any pure hue. In this case, #85888f is the less saturated color, while #195afb is the most saturated one.
-
#85888f
#85888f
rgb(133,136,143)
-
#7c8498
#7c8498
rgb(124,132,152)
-
#7380a1
#7380a1
rgb(115,128,161)
-
#6a7caa
#6a7caa
rgb(106,124,170)
-
#6179b3
#6179b3
rgb(97,121,179)
-
#5875bc
#5875bc
rgb(88,117,188)
-
#4f71c5
#4f71c5
rgb(79,113,197)
-
#466dce
#466dce
rgb(70,109,206)
-
#3d69d7
#3d69d7
rgb(61,105,215)
-
#3466e0
#3466e0
rgb(52,102,224)
-
#2b62e9
#2b62e9
rgb(43,98,233)
-
#225ef2
#225ef2
rgb(34,94,242)
-
#195afb
#195afb
rgb(25,90,251)
Color Blindness Simulator
Below, you can see how #225ef2 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.