#222efd Color Information
In a RGB color space, hex #222efd is composed of 13.3% red, 18% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 81.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.7 degrees, a saturation of 98.2% and a lightness of 56.3%. #222efd color hex could be obtained by blending #445cff with #0000fb. Closest websafe color is: #3333ff.
-
- R 13
- G 18
- B 99
-
- C 87
- M 82
- Y 0
- K 1
● #222efd color description : Vivid blue.
#222efd Color Conversion
The hexadecimal color #222efd has RGB values of R:34, G:46, B:253 and CMYK values of C:0.87, M:0.82, Y:0, K:0.01. Its decimal value is 2240253.
Hex triplet | 222efd | #222efd |
---|---|---|
RGB Decimal | 34, 46, 253 | rgb(34,46,253) |
RGB Percent | 13.3, 18, 99.2 | rgb(13.3%,18%,99.2%) |
CMYK | 87, 82, 0, 1 | |
HSL | 236.7°, 98.2, 56.3 | hsl(236.7,98.2%,56.3%) |
HSV (or HSB) | 236.7°, 86.6, 99.2 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 36.714, 66.986, -99.358 |
---|---|
XYZ | 19.363, 9.384, 93.714 |
xyY | 0.158, 0.077, 9.384 |
CIE-LCH | 36.714, 119.829, 303.987 |
CIE-LUV | 36.714, -10.654, -132.177 |
Hunter-Lab | 30.634, 59.214, -159.933 |
Binary | 00100010, 00101110, 11111101 |
Color Schemes with #222efd
Alternatives to #222efd
Below, you can see some colors close to #222efd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222efd Preview
This text has a font color of #222efd.
<span style="color:#222efd;">Text here</span>
This paragraph has a background color of #222efd.
<p style="background-color:#222efd;">Content here</p>
This element has a border color of #222efd.
<div style="border:1px solid #222efd;">Content here</div>
.text {color:#222efd;}
.background {background-color:#222efd;}
.border {border:1px solid #222efd;}
Shades and Tints of #222efd
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, #00010c is the darkest color, while #f8f8ff is the lightest one.
-
#00010c
#00010c
rgb(0,1,12)
-
#000220
#000220
rgb(0,2,32)
-
#000333
#000333
rgb(0,3,51)
-
#010447
#010447
rgb(1,4,71)
-
#01065a
#01065a
rgb(1,6,90)
-
#01076d
#01076d
rgb(1,7,109)
-
#010881
#010881
rgb(1,8,129)
-
#010994
#010994
rgb(1,9,148)
-
#020ba8
#020ba8
rgb(2,11,168)
-
#020cbb
#020cbb
rgb(2,12,187)
-
#020dcf
#020dcf
rgb(2,13,207)
-
#020ee2
#020ee2
rgb(2,14,226)
-
#0210f6
#0210f6
rgb(2,16,246)
-
#0f1cfd
#0f1cfd
rgb(15,28,253)
-
#222efd
#222efd
rgb(34,46,253)
-
#3540fd
#3540fd
rgb(53,64,253)
-
#4953fd
#4953fd
rgb(73,83,253)
-
#5c65fe
#5c65fe
rgb(92,101,254)
-
#7078fe
#7078fe
rgb(112,120,254)
-
#838afe
#838afe
rgb(131,138,254)
-
#979cfe
#979cfe
rgb(151,156,254)
-
#aaaffe
#aaaffe
rgb(170,175,254)
-
#bec1fe
#bec1fe
rgb(190,193,254)
-
#d1d3ff
#d1d3ff
rgb(209,211,255)
-
#e4e6ff
#e4e6ff
rgb(228,230,255)
-
#f8f8ff
#f8f8ff
rgb(248,248,255)
Tones of #222efd
A tone is produced by adding gray to any pure hue. In this case, #898a96 is the less saturated color, while #222efd is the most saturated one.
-
#898a96
#898a96
rgb(137,138,150)
-
#80829f
#80829f
rgb(128,130,159)
-
#787aa7
#787aa7
rgb(120,122,167)
-
#6f73b0
#6f73b0
rgb(111,115,176)
-
#676bb8
#676bb8
rgb(103,107,184)
-
#5e63c1
#5e63c1
rgb(94,99,193)
-
#555cca
#555cca
rgb(85,92,202)
-
#4d54d2
#4d54d2
rgb(77,84,210)
-
#444ddb
#444ddb
rgb(68,77,219)
-
#3c45e3
#3c45e3
rgb(60,69,227)
-
#333dec
#333dec
rgb(51,61,236)
-
#2b36f4
#2b36f4
rgb(43,54,244)
-
#222efd
#222efd
rgb(34,46,253)
Color Blindness Simulator
Below, you can see how #222efd 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.