#222ba1 Color Information
In a RGB color space, hex #222ba1 is composed of 13.3% red, 16.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 73.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 235.7 degrees, a saturation of 65.1% and a lightness of 38.2%. #222ba1 color hex could be obtained by blending #4456ff with #000043. Closest websafe color is: #333399.
-
- R 13
- G 17
- B 63
-
- C 79
- M 73
- Y 0
- K 37
● #222ba1 color description : Dark blue.
#222ba1 Color Conversion
The hexadecimal color #222ba1 has RGB values of R:34, G:43, B:161 and CMYK values of C:0.79, M:0.73, Y:0, K:0.37. Its decimal value is 2239393.
Hex triplet | 222ba1 | #222ba1 |
---|---|---|
RGB Decimal | 34, 43, 161 | rgb(34,43,161) |
RGB Percent | 13.3, 16.9, 63.1 | rgb(13.3%,16.9%,63.1%) |
CMYK | 79, 73, 0, 37 | |
HSL | 235.7°, 65.1, 38.2 | hsl(235.7,65.1%,38.2%) |
HSV (or HSB) | 235.7°, 78.9, 63.1 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 25.685, 39.037, -64.071 |
---|---|
XYZ | 7.955, 4.641, 34.193 |
xyY | 0.17, 0.099, 4.641 |
CIE-LCH | 25.685, 75.027, 301.353 |
CIE-LUV | 25.685, -7.077, -78.966 |
Hunter-Lab | 21.542, 28.221, -79.03 |
Binary | 00100010, 00101011, 10100001 |
Color Schemes with #222ba1
Alternatives to #222ba1
Below, you can see some colors close to #222ba1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ba1 Preview
This text has a font color of #222ba1.
<span style="color:#222ba1;">Text here</span>
This paragraph has a background color of #222ba1.
<p style="background-color:#222ba1;">Content here</p>
This element has a border color of #222ba1.
<div style="border:1px solid #222ba1;">Content here</div>
.text {color:#222ba1;}
.background {background-color:#222ba1;}
.border {border:1px solid #222ba1;}
Shades and Tints of #222ba1
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, #03040f is the darkest color, while #fefeff is the lightest one.
-
#03040f
#03040f
rgb(3,4,15)
-
#07081f
#07081f
rgb(7,8,31)
-
#0a0d30
#0a0d30
rgb(10,13,48)
-
#0d1140
#0d1140
rgb(13,17,64)
-
#111550
#111550
rgb(17,21,80)
-
#141a60
#141a60
rgb(20,26,96)
-
#181e70
#181e70
rgb(24,30,112)
-
#1b2281
#1b2281
rgb(27,34,129)
-
#1f2791
#1f2791
rgb(31,39,145)
-
#222ba1
#222ba1
rgb(34,43,161)
-
#252fb1
#252fb1
rgb(37,47,177)
-
#2934c1
#2934c1
rgb(41,52,193)
-
#2c38d2
#2c38d2
rgb(44,56,210)
-
#3c47d6
#3c47d6
rgb(60,71,214)
-
#4c56d9
#4c56d9
rgb(76,86,217)
-
#5c65dd
#5c65dd
rgb(92,101,221)
-
#6c74e0
#6c74e0
rgb(108,116,224)
-
#7c84e3
#7c84e3
rgb(124,132,227)
-
#8d93e7
#8d93e7
rgb(141,147,231)
-
#9da2ea
#9da2ea
rgb(157,162,234)
-
#adb2ee
#adb2ee
rgb(173,178,238)
-
#bdc1f1
#bdc1f1
rgb(189,193,241)
-
#cdd0f5
#cdd0f5
rgb(205,208,245)
-
#dee0f8
#dee0f8
rgb(222,224,248)
-
#eeeffb
#eeeffb
rgb(238,239,251)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #222ba1
A tone is produced by adding gray to any pure hue. In this case, #5e5e65 is the less saturated color, while #0411bf is the most saturated one.
-
#5e5e65
#5e5e65
rgb(94,94,101)
-
#57586d
#57586d
rgb(87,88,109)
-
#4f5274
#4f5274
rgb(79,82,116)
-
#484b7c
#484b7c
rgb(72,75,124)
-
#404583
#404583
rgb(64,69,131)
-
#393e8b
#393e8b
rgb(57,62,139)
-
#313892
#313892
rgb(49,56,146)
-
#2a319a
#2a319a
rgb(42,49,154)
-
#222ba1
#222ba1
rgb(34,43,161)
-
#1b25a9
#1b25a9
rgb(27,37,169)
-
#131eb0
#131eb0
rgb(19,30,176)
-
#0c18b8
#0c18b8
rgb(12,24,184)
-
#0411bf
#0411bf
rgb(4,17,191)
Color Blindness Simulator
Below, you can see how #222ba1 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.