#222ba9 Color Information
In a RGB color space, hex #222ba9 is composed of 13.3% red, 16.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 74.6% magenta, 0% yellow and 33.7% black. It has a hue angle of 236 degrees, a saturation of 66.5% and a lightness of 39.8%. #222ba9 color hex could be obtained by blending #4456ff with #000053. Closest websafe color is: #333399.
-
- R 13
- G 17
- B 66
-
- C 80
- M 75
- Y 0
- K 34
● #222ba9 color description : Dark blue.
#222ba9 Color Conversion
The hexadecimal color #222ba9 has RGB values of R:34, G:43, B:169 and CMYK values of C:0.8, M:0.75, Y:0, K:0.34. Its decimal value is 2239401.
Hex triplet | 222ba9 | #222ba9 |
---|---|---|
RGB Decimal | 34, 43, 169 | rgb(34,43,169) |
RGB Percent | 13.3, 16.9, 66.3 | rgb(13.3%,16.9%,66.3%) |
CMYK | 80, 75, 0, 34 | |
HSL | 236°, 66.5, 39.8 | hsl(236,66.5%,39.8%) |
HSV (or HSB) | 236°, 79.9, 66.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.54, 41.833, -67.502 |
---|---|
XYZ | 8.684, 4.932, 38.028 |
xyY | 0.168, 0.095, 4.932 |
CIE-LCH | 26.54, 79.414, 301.788 |
CIE-LUV | 26.54, -7.347, -83.747 |
Hunter-Lab | 22.208, 30.933, -85.982 |
Binary | 00100010, 00101011, 10101001 |
Color Schemes with #222ba9
Alternatives to #222ba9
Below, you can see some colors close to #222ba9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ba9 Preview
This text has a font color of #222ba9.
<span style="color:#222ba9;">Text here</span>
This paragraph has a background color of #222ba9.
<p style="background-color:#222ba9;">Content here</p>
This element has a border color of #222ba9.
<div style="border:1px solid #222ba9;">Content here</div>
.text {color:#222ba9;}
.background {background-color:#222ba9;}
.border {border:1px solid #222ba9;}
Shades and Tints of #222ba9
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, #010106 is the darkest color, while #f4f5fd is the lightest one.
-
#010106
#010106
rgb(1,1,6)
-
#040616
#040616
rgb(4,6,22)
-
#080a26
#080a26
rgb(8,10,38)
-
#0b0e37
#0b0e37
rgb(11,14,55)
-
#0e1247
#0e1247
rgb(14,18,71)
-
#121657
#121657
rgb(18,22,87)
-
#151a68
#151a68
rgb(21,26,104)
-
#181f78
#181f78
rgb(24,31,120)
-
#1b2388
#1b2388
rgb(27,35,136)
-
#1f2799
#1f2799
rgb(31,39,153)
-
#222ba9
#222ba9
rgb(34,43,169)
-
#252fb9
#252fb9
rgb(37,47,185)
-
#2933ca
#2933ca
rgb(41,51,202)
-
#303bd5
#303bd5
rgb(48,59,213)
-
#414bd9
#414bd9
rgb(65,75,217)
-
#515adc
#515adc
rgb(81,90,220)
-
#616adf
#616adf
rgb(97,106,223)
-
#7279e3
#7279e3
rgb(114,121,227)
-
#8289e6
#8289e6
rgb(130,137,230)
-
#9298e9
#9298e9
rgb(146,152,233)
-
#a3a8ec
#a3a8ec
rgb(163,168,236)
-
#b3b7f0
#b3b7f0
rgb(179,183,240)
-
#c3c7f3
#c3c7f3
rgb(195,199,243)
-
#d4d6f6
#d4d6f6
rgb(212,214,246)
-
#e4e5fa
#e4e5fa
rgb(228,229,250)
-
#f4f5fd
#f4f5fd
rgb(244,245,253)
Tones of #222ba9
A tone is produced by adding gray to any pure hue. In this case, #60616b is the less saturated color, while #0310c8 is the most saturated one.
-
#60616b
#60616b
rgb(96,97,107)
-
#595a72
#595a72
rgb(89,90,114)
-
#51547a
#51547a
rgb(81,84,122)
-
#494d82
#494d82
rgb(73,77,130)
-
#41468a
#41468a
rgb(65,70,138)
-
#393f92
#393f92
rgb(57,63,146)
-
#323999
#323999
rgb(50,57,153)
-
#2a32a1
#2a32a1
rgb(42,50,161)
-
#222ba9
#222ba9
rgb(34,43,169)
-
#1a24b1
#1a24b1
rgb(26,36,177)
-
#121db9
#121db9
rgb(18,29,185)
-
#0b17c0
#0b17c0
rgb(11,23,192)
-
#0310c8
#0310c8
rgb(3,16,200)
Color Blindness Simulator
Below, you can see how #222ba9 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.