#222ade Color Information
In a RGB color space, hex #222ade is composed of 13.3% red, 16.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 81.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 237.4 degrees, a saturation of 74% and a lightness of 50.2%. #222ade color hex could be obtained by blending #4454ff with #0000bd. Closest websafe color is: #3333cc.
-
- R 13
- G 16
- B 87
-
- C 85
- M 81
- Y 0
- K 13
● #222ade color description : Bright blue.
#222ade Color Conversion
The hexadecimal color #222ade has RGB values of R:34, G:42, B:222 and CMYK values of C:0.85, M:0.81, Y:0, K:0.13. Its decimal value is 2239198.
Hex triplet | 222ade | #222ade |
---|---|---|
RGB Decimal | 34, 42, 222 | rgb(34,42,222) |
RGB Percent | 13.3, 16.5, 87.1 | rgb(13.3%,16.5%,87.1%) |
CMYK | 85, 81, 0, 13 | |
HSL | 237.4°, 74, 50.2 | hsl(237.4,74%,50.2%) |
HSV (or HSB) | 237.4°, 84.7, 87.1 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 32.411, 59.535, -88.926 |
---|---|
XYZ | 14.67, 7.269, 69.733 |
xyY | 0.16, 0.079, 7.269 |
CIE-LCH | 32.411, 107.015, 303.802 |
CIE-LUV | 32.411, -9.09, -114.532 |
Hunter-Lab | 26.961, 49.943, -134.478 |
Binary | 00100010, 00101010, 11011110 |
Color Schemes with #222ade
Alternatives to #222ade
Below, you can see some colors close to #222ade. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ade Preview
This text has a font color of #222ade.
<span style="color:#222ade;">Text here</span>
This paragraph has a background color of #222ade.
<p style="background-color:#222ade;">Content here</p>
This element has a border color of #222ade.
<div style="border:1px solid #222ade;">Content here</div>
.text {color:#222ade;}
.background {background-color:#222ade;}
.border {border:1px solid #222ade;}
Shades and Tints of #222ade
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 #efeffd is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030312
#030312
rgb(3,3,18)
-
#050623
#050623
rgb(5,6,35)
-
#080a34
#080a34
rgb(8,10,52)
-
#0a0d45
#0a0d45
rgb(10,13,69)
-
#0d1056
#0d1056
rgb(13,16,86)
-
#0f1367
#0f1367
rgb(15,19,103)
-
#121678
#121678
rgb(18,22,120)
-
#151989
#151989
rgb(21,25,137)
-
#171d9a
#171d9a
rgb(23,29,154)
-
#1a20ac
#1a20ac
rgb(26,32,172)
-
#1c23bd
#1c23bd
rgb(28,35,189)
-
#1f26ce
#1f26ce
rgb(31,38,206)
-
#222ade
#222ade
rgb(34,42,222)
-
#333ae1
#333ae1
rgb(51,58,225)
-
#444be3
#444be3
rgb(68,75,227)
-
#555be6
#555be6
rgb(85,91,230)
-
#666ce8
#666ce8
rgb(102,108,232)
-
#777ceb
#777ceb
rgb(119,124,235)
-
#888ded
#888ded
rgb(136,141,237)
-
#999df0
#999df0
rgb(153,157,240)
-
#abaef2
#abaef2
rgb(171,174,242)
-
#bcbef5
#bcbef5
rgb(188,190,245)
-
#cdcef7
#cdcef7
rgb(205,206,247)
-
#dedffa
#dedffa
rgb(222,223,250)
-
#efeffd
#efeffd
rgb(239,239,253)
Tones of #222ade
A tone is produced by adding gray to any pure hue. In this case, #7a7a86 is the less saturated color, while #050ffb is the most saturated one.
-
#7a7a86
#7a7a86
rgb(122,122,134)
-
#707290
#707290
rgb(112,114,144)
-
#66699a
#66699a
rgb(102,105,154)
-
#5d60a3
#5d60a3
rgb(93,96,163)
-
#5357ad
#5357ad
rgb(83,87,173)
-
#494eb7
#494eb7
rgb(73,78,183)
-
#3f45c1
#3f45c1
rgb(63,69,193)
-
#363cca
#363cca
rgb(54,60,202)
-
#2c33d4
#2c33d4
rgb(44,51,212)
-
#222ade
#222ade
rgb(34,42,222)
-
#1821e8
#1821e8
rgb(24,33,232)
-
#0e18f2
#0e18f2
rgb(14,24,242)
-
#050ffb
#050ffb
rgb(5,15,251)
Color Blindness Simulator
Below, you can see how #222ade 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.