#225ee3 Color Information
In a RGB color space, hex #225ee3 is composed of 13.3% red, 36.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 58.6% magenta, 0% yellow and 11% black. It has a hue angle of 221.3 degrees, a saturation of 77.5% and a lightness of 51.2%. #225ee3 color hex could be obtained by blending #44bcff with #0000c7. Closest websafe color is: #3366cc.
-
- R 13
- G 37
- B 89
-
- C 85
- M 59
- Y 0
- K 11
● #225ee3 color description : Vivid blue.
#225ee3 Color Conversion
The hexadecimal color #225ee3 has RGB values of R:34, G:94, B:227 and CMYK values of C:0.85, M:0.59, Y:0, K:0.11. Its decimal value is 2252515.
Hex triplet | 225ee3 | #225ee3 |
---|---|---|
RGB Decimal | 34, 94, 227 | rgb(34,94,227) |
RGB Percent | 13.3, 36.9, 89 | rgb(13.3%,36.9%,89%) |
CMYK | 85, 59, 0, 11 | |
HSL | 221.3°, 77.5, 51.2 | hsl(221.3,77.5%,51.2%) |
HSV (or HSB) | 221.3°, 85, 89 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.075, 30.951, -72.559 |
---|---|
XYZ | 18.525, 13.89, 74.374 |
xyY | 0.173, 0.13, 13.89 |
CIE-LCH | 44.075, 78.885, 293.101 |
CIE-LUV | 44.075, -19.009, -109.17 |
Hunter-Lab | 37.269, 23.501, -92.229 |
Binary | 00100010, 01011110, 11100011 |
Color Schemes with #225ee3
Alternatives to #225ee3
Below, you can see some colors close to #225ee3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225ee3 Preview
This text has a font color of #225ee3.
<span style="color:#225ee3;">Text here</span>
This paragraph has a background color of #225ee3.
<p style="background-color:#225ee3;">Content here</p>
This element has a border color of #225ee3.
<div style="border:1px solid #225ee3;">Content here</div>
.text {color:#225ee3;}
.background {background-color:#225ee3;}
.border {border:1px solid #225ee3;}
Shades and Tints of #225ee3
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, #010205 is the darkest color, while #f3f6fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030917
#030917
rgb(3,9,23)
-
#051028
#051028
rgb(5,16,40)
-
#07173a
#07173a
rgb(7,23,58)
-
#091e4b
#091e4b
rgb(9,30,75)
-
#0c255c
#0c255c
rgb(12,37,92)
-
#0e2c6e
#0e2c6e
rgb(14,44,110)
-
#10337f
#10337f
rgb(16,51,127)
-
#123a91
#123a91
rgb(18,58,145)
-
#1541a2
#1541a2
rgb(21,65,162)
-
#1747b3
#1747b3
rgb(23,71,179)
-
#194ec5
#194ec5
rgb(25,78,197)
-
#1b55d6
#1b55d6
rgb(27,85,214)
-
#225ee3
#225ee3
rgb(34,94,227)
-
#336be5
#336be5
rgb(51,107,229)
-
#4577e7
#4577e7
rgb(69,119,231)
-
#5684ea
#5684ea
rgb(86,132,234)
-
#6891ec
#6891ec
rgb(104,145,236)
-
#799dee
#799dee
rgb(121,157,238)
-
#8aaaf0
#8aaaf0
rgb(138,170,240)
-
#9cb7f2
#9cb7f2
rgb(156,183,242)
-
#adc3f5
#adc3f5
rgb(173,195,245)
-
#bfd0f7
#bfd0f7
rgb(191,208,247)
-
#d0ddf9
#d0ddf9
rgb(208,221,249)
-
#e2eafb
#e2eafb
rgb(226,234,251)
-
#f3f6fd
#f3f6fd
rgb(243,246,253)
Tones of #225ee3
A tone is produced by adding gray to any pure hue. In this case, #828283 is the less saturated color, while #0f57f6 is the most saturated one.
-
#828283
#828283
rgb(130,130,131)
-
#787f8d
#787f8d
rgb(120,127,141)
-
#6f7b96
#6f7b96
rgb(111,123,150)
-
#6577a0
#6577a0
rgb(101,119,160)
-
#5b74aa
#5b74aa
rgb(91,116,170)
-
#5270b3
#5270b3
rgb(82,112,179)
-
#486cbd
#486cbd
rgb(72,108,189)
-
#3f69c6
#3f69c6
rgb(63,105,198)
-
#3565d0
#3565d0
rgb(53,101,208)
-
#2c62d9
#2c62d9
rgb(44,98,217)
-
#225ee3
#225ee3
rgb(34,94,227)
-
#185aed
#185aed
rgb(24,90,237)
-
#0f57f6
#0f57f6
rgb(15,87,246)
Color Blindness Simulator
Below, you can see how #225ee3 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.