#222aed Color Information
In a RGB color space, hex #222aed is composed of 13.3% red, 16.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 82.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 237.6 degrees, a saturation of 84.9% and a lightness of 53.1%. #222aed color hex could be obtained by blending #4454ff with #0000db. Closest websafe color is: #3333ff.
-
- R 13
- G 16
- B 93
-
- C 86
- M 82
- Y 0
- K 7
● #222aed color description : Vivid blue.
#222aed Color Conversion
The hexadecimal color #222aed has RGB values of R:34, G:42, B:237 and CMYK values of C:0.86, M:0.82, Y:0, K:0.07. Its decimal value is 2239213.
Hex triplet | 222aed | #222aed |
---|---|---|
RGB Decimal | 34, 42, 237 | rgb(34,42,237) |
RGB Percent | 13.3, 16.5, 92.9 | rgb(13.3%,16.5%,92.9%) |
CMYK | 86, 82, 0, 7 | |
HSL | 237.6°, 84.9, 53.1 | hsl(237.6,84.9%,53.1%) |
HSV (or HSB) | 237.6°, 85.7, 92.9 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 34.209, 64.021, -94.501 |
---|---|
XYZ | 16.771, 8.109, 80.797 |
xyY | 0.159, 0.077, 8.109 |
CIE-LCH | 34.209, 114.145, 304.116 |
CIE-LUV | 34.209, -9.641, -123.045 |
Hunter-Lab | 28.477, 55.289, -148.291 |
Binary | 00100010, 00101010, 11101101 |
Color Schemes with #222aed
Alternatives to #222aed
Below, you can see some colors close to #222aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222aed Preview
This text has a font color of #222aed.
<span style="color:#222aed;">Text here</span>
This paragraph has a background color of #222aed.
<p style="background-color:#222aed;">Content here</p>
This element has a border color of #222aed.
<div style="border:1px solid #222aed;">Content here</div>
.text {color:#222aed;}
.background {background-color:#222aed;}
.border {border:1px solid #222aed;}
Shades and Tints of #222aed
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, #01020f is the darkest color, while #fcfcff is the lightest one.
-
#01020f
#01020f
rgb(1,2,15)
-
#030421
#030421
rgb(3,4,33)
-
#040633
#040633
rgb(4,6,51)
-
#060845
#060845
rgb(6,8,69)
-
#070a57
#070a57
rgb(7,10,87)
-
#090c69
#090c69
rgb(9,12,105)
-
#0a0f7c
#0a0f7c
rgb(10,15,124)
-
#0c118e
#0c118e
rgb(12,17,142)
-
#0d13a0
#0d13a0
rgb(13,19,160)
-
#0f15b2
#0f15b2
rgb(15,21,178)
-
#1017c4
#1017c4
rgb(16,23,196)
-
#1119d6
#1119d6
rgb(17,25,214)
-
#131be8
#131be8
rgb(19,27,232)
-
#222aed
#222aed
rgb(34,42,237)
-
#343bee
#343bee
rgb(52,59,238)
-
#464df0
#464df0
rgb(70,77,240)
-
#585ef1
#585ef1
rgb(88,94,241)
-
#6b70f3
#6b70f3
rgb(107,112,243)
-
#7d81f4
#7d81f4
rgb(125,129,244)
-
#8f93f6
#8f93f6
rgb(143,147,246)
-
#a1a4f7
#a1a4f7
rgb(161,164,247)
-
#b3b6f9
#b3b6f9
rgb(179,182,249)
-
#c5c7fa
#c5c7fa
rgb(197,199,250)
-
#d7d9fc
#d7d9fc
rgb(215,217,252)
-
#eaeafd
#eaeafd
rgb(234,234,253)
-
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #222aed
A tone is produced by adding gray to any pure hue. In this case, #878788 is the less saturated color, while #1922f6 is the most saturated one.
-
#878788
#878788
rgb(135,135,136)
-
#7e7f91
#7e7f91
rgb(126,127,145)
-
#75769a
#75769a
rgb(117,118,154)
-
#6c6ea3
#6c6ea3
rgb(108,110,163)
-
#6265ad
#6265ad
rgb(98,101,173)
-
#595db6
#595db6
rgb(89,93,182)
-
#5054bf
#5054bf
rgb(80,84,191)
-
#474cc8
#474cc8
rgb(71,76,200)
-
#3e43d1
#3e43d1
rgb(62,67,209)
-
#343bdb
#343bdb
rgb(52,59,219)
-
#2b32e4
#2b32e4
rgb(43,50,228)
-
#222aed
#222aed
rgb(34,42,237)
-
#1922f6
#1922f6
rgb(25,34,246)
Color Blindness Simulator
Below, you can see how #222aed 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.