#222b8e Color Information
In a RGB color space, hex #222b8e is composed of 13.3% red, 16.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 69.7% magenta, 0% yellow and 44.3% black. It has a hue angle of 235 degrees, a saturation of 61.4% and a lightness of 34.5%. #222b8e color hex could be obtained by blending #4456ff with #00001d. Closest websafe color is: #333399.
-
- R 13
- G 17
- B 56
-
- C 76
- M 70
- Y 0
- K 44
● #222b8e color description : Dark blue.
#222b8e Color Conversion
The hexadecimal color #222b8e has RGB values of R:34, G:43, B:142 and CMYK values of C:0.76, M:0.7, Y:0, K:0.44. Its decimal value is 2239374.
Hex triplet | 222b8e | #222b8e |
---|---|---|
RGB Decimal | 34, 43, 142 | rgb(34,43,142) |
RGB Percent | 13.3, 16.9, 55.7 | rgb(13.3%,16.9%,55.7%) |
CMYK | 76, 70, 0, 44 | |
HSL | 235°, 61.4, 34.5 | hsl(235,61.4%,34.5%) |
HSV (or HSB) | 235°, 76.1, 55.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 23.739, 32.181, -55.609 |
---|---|
XYZ | 6.405, 4.02, 26.028 |
xyY | 0.176, 0.11, 4.02 |
CIE-LCH | 23.739, 64.25, 300.058 |
CIE-LUV | 23.739, -6.45, -67.412 |
Hunter-Lab | 20.051, 21.931, -62.929 |
Binary | 00100010, 00101011, 10001110 |
Color Schemes with #222b8e
Alternatives to #222b8e
Below, you can see some colors close to #222b8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222b8e Preview
This text has a font color of #222b8e.
<span style="color:#222b8e;">Text here</span>
This paragraph has a background color of #222b8e.
<p style="background-color:#222b8e;">Content here</p>
This element has a border color of #222b8e.
<div style="border:1px solid #222b8e;">Content here</div>
.text {color:#222b8e;}
.background {background-color:#222b8e;}
.border {border:1px solid #222b8e;}
Shades and Tints of #222b8e
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, #04050f is the darkest color, while #ffffff is the lightest one.
-
#04050f
#04050f
rgb(4,5,15)
-
#07091f
#07091f
rgb(7,9,31)
-
#0b0e2f
#0b0e2f
rgb(11,14,47)
-
#0f133f
#0f133f
rgb(15,19,63)
-
#13184f
#13184f
rgb(19,24,79)
-
#171d5f
#171d5f
rgb(23,29,95)
-
#1a216e
#1a216e
rgb(26,33,110)
-
#1e267e
#1e267e
rgb(30,38,126)
-
#222b8e
#222b8e
rgb(34,43,142)
-
#26309e
#26309e
rgb(38,48,158)
-
#2a35ae
#2a35ae
rgb(42,53,174)
-
#2d39bd
#2d39bd
rgb(45,57,189)
-
#313ecd
#313ecd
rgb(49,62,205)
-
#414dd1
#414dd1
rgb(65,77,209)
-
#505cd5
#505cd5
rgb(80,92,213)
-
#606ad9
#606ad9
rgb(96,106,217)
-
#7079dd
#7079dd
rgb(112,121,221)
-
#8088e1
#8088e1
rgb(128,136,225)
-
#9097e4
#9097e4
rgb(144,151,228)
-
#a0a6e8
#a0a6e8
rgb(160,166,232)
-
#afb4ec
#afb4ec
rgb(175,180,236)
-
#bfc3f0
#bfc3f0
rgb(191,195,240)
-
#cfd2f4
#cfd2f4
rgb(207,210,244)
-
#dfe1f7
#dfe1f7
rgb(223,225,247)
-
#eff0fb
#eff0fb
rgb(239,240,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #222b8e
A tone is produced by adding gray to any pure hue. In this case, #51525f is the less saturated color, while #000fb0 is the most saturated one.
-
#51525f
#51525f
rgb(81,82,95)
-
#4b4d65
#4b4d65
rgb(75,77,101)
-
#44476c
#44476c
rgb(68,71,108)
-
#3d4273
#3d4273
rgb(61,66,115)
-
#363c7a
#363c7a
rgb(54,60,122)
-
#303680
#303680
rgb(48,54,128)
-
#293187
#293187
rgb(41,49,135)
-
#222b8e
#222b8e
rgb(34,43,142)
-
#1b2595
#1b2595
rgb(27,37,149)
-
#14209c
#14209c
rgb(20,32,156)
-
#0e1aa2
#0e1aa2
rgb(14,26,162)
-
#0714a9
#0714a9
rgb(7,20,169)
-
#000fb0
#000fb0
rgb(0,15,176)
Color Blindness Simulator
Below, you can see how #222b8e 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.