#222ba8 Color Information
In a RGB color space, hex #222ba8 is composed of 13.3% red, 16.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 74.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 236 degrees, a saturation of 66.3% and a lightness of 39.6%. #222ba8 color hex could be obtained by blending #4456ff with #000051. Closest websafe color is: #333399.
-
- R 13
- G 17
- B 66
-
- C 80
- M 74
- Y 0
- K 34
● #222ba8 color description : Dark blue.
#222ba8 Color Conversion
The hexadecimal color #222ba8 has RGB values of R:34, G:43, B:168 and CMYK values of C:0.8, M:0.74, Y:0, K:0.34. Its decimal value is 2239400.
Hex triplet | 222ba8 | #222ba8 |
---|---|---|
RGB Decimal | 34, 43, 168 | rgb(34,43,168) |
RGB Percent | 13.3, 16.9, 65.9 | rgb(13.3%,16.9%,65.9%) |
CMYK | 80, 74, 0, 34 | |
HSL | 236°, 66.3, 39.6 | hsl(236,66.3%,39.6%) |
HSV (or HSB) | 236°, 79.8, 65.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.432, 41.487, -67.077 |
---|---|
XYZ | 8.59, 4.894, 37.536 |
xyY | 0.168, 0.096, 4.894 |
CIE-LCH | 26.432, 78.87, 301.736 |
CIE-LUV | 26.432, -7.313, -83.151 |
Hunter-Lab | 22.123, 30.592, -85.108 |
Binary | 00100010, 00101011, 10101000 |
Color Schemes with #222ba8
Alternatives to #222ba8
Below, you can see some colors close to #222ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ba8 Preview
This text has a font color of #222ba8.
<span style="color:#222ba8;">Text here</span>
This paragraph has a background color of #222ba8.
<p style="background-color:#222ba8;">Content here</p>
This element has a border color of #222ba8.
<div style="border:1px solid #222ba8;">Content here</div>
.text {color:#222ba8;}
.background {background-color:#222ba8;}
.border {border:1px solid #222ba8;}
Shades and Tints of #222ba8
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, #010105 is the darkest color, while #f4f4fd is the lightest one.
-
#010105
#010105
rgb(1,1,5)
-
#040515
#040515
rgb(4,5,21)
-
#080a25
#080a25
rgb(8,10,37)
-
#0b0e36
#0b0e36
rgb(11,14,54)
-
#0e1246
#0e1246
rgb(14,18,70)
-
#111656
#111656
rgb(17,22,86)
-
#151a67
#151a67
rgb(21,26,103)
-
#181e77
#181e77
rgb(24,30,119)
-
#1b2387
#1b2387
rgb(27,35,135)
-
#1f2798
#1f2798
rgb(31,39,152)
-
#222ba8
#222ba8
rgb(34,43,168)
-
#252fb8
#252fb8
rgb(37,47,184)
-
#2933c9
#2933c9
rgb(41,51,201)
-
#303bd5
#303bd5
rgb(48,59,213)
-
#404ad8
#404ad8
rgb(64,74,216)
-
#505adc
#505adc
rgb(80,90,220)
-
#6169df
#6169df
rgb(97,105,223)
-
#7179e2
#7179e2
rgb(113,121,226)
-
#8188e6
#8188e6
rgb(129,136,230)
-
#9298e9
#9298e9
rgb(146,152,233)
-
#a2a7ec
#a2a7ec
rgb(162,167,236)
-
#b2b6ef
#b2b6ef
rgb(178,182,239)
-
#c3c6f3
#c3c6f3
rgb(195,198,243)
-
#d3d5f6
#d3d5f6
rgb(211,213,246)
-
#e3e5f9
#e3e5f9
rgb(227,229,249)
-
#f4f4fd
#f4f4fd
rgb(244,244,253)
Tones of #222ba8
A tone is produced by adding gray to any pure hue. In this case, #60616a is the less saturated color, while #0310c7 is the most saturated one.
-
#60616a
#60616a
rgb(96,97,106)
-
#585a72
#585a72
rgb(88,90,114)
-
#515379
#515379
rgb(81,83,121)
-
#494d81
#494d81
rgb(73,77,129)
-
#414689
#414689
rgb(65,70,137)
-
#393f91
#393f91
rgb(57,63,145)
-
#323898
#323898
rgb(50,56,152)
-
#2a32a0
#2a32a0
rgb(42,50,160)
-
#222ba8
#222ba8
rgb(34,43,168)
-
#1a24b0
#1a24b0
rgb(26,36,176)
-
#121eb8
#121eb8
rgb(18,30,184)
-
#0b17bf
#0b17bf
rgb(11,23,191)
-
#0310c7
#0310c7
rgb(3,16,199)
Color Blindness Simulator
Below, you can see how #222ba8 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.