#222ab0 Color Information
In a RGB color space, hex #222ab0 is composed of 13.3% red, 16.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 76.1% magenta, 0% yellow and 31% black. It has a hue angle of 236.6 degrees, a saturation of 67.6% and a lightness of 41.2%. #222ab0 color hex could be obtained by blending #4454ff with #000061. Closest websafe color is: #333399.
-
- R 13
- G 16
- B 69
-
- C 81
- M 76
- Y 0
- K 31
● #222ab0 color description : Dark blue.
#222ab0 Color Conversion
The hexadecimal color #222ab0 has RGB values of R:34, G:42, B:176 and CMYK values of C:0.81, M:0.76, Y:0, K:0.31. Its decimal value is 2239152.
Hex triplet | 222ab0 | #222ab0 |
---|---|---|
RGB Decimal | 34, 42, 176 | rgb(34,42,176) |
RGB Percent | 13.3, 16.5, 69 | rgb(13.3%,16.5%,69%) |
CMYK | 81, 76, 0, 31 | |
HSL | 236.6°, 67.6, 41.2 | hsl(236.6,67.6%,41.2%) |
HSV (or HSB) | 236.6°, 80.7, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.102, 44.803, -70.777 |
---|---|
XYZ | 9.323, 5.13, 41.571 |
xyY | 0.166, 0.092, 5.13 |
CIE-LCH | 27.102, 83.766, 302.335 |
CIE-LUV | 27.102, -7.433, -87.907 |
Hunter-Lab | 22.649, 33.834, -92.966 |
Binary | 00100010, 00101010, 10110000 |
Color Schemes with #222ab0
Alternatives to #222ab0
Below, you can see some colors close to #222ab0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ab0 Preview
This text has a font color of #222ab0.
<span style="color:#222ab0;">Text here</span>
This paragraph has a background color of #222ab0.
<p style="background-color:#222ab0;">Content here</p>
This element has a border color of #222ab0.
<div style="border:1px solid #222ab0;">Content here</div>
.text {color:#222ab0;}
.background {background-color:#222ab0;}
.border {border:1px solid #222ab0;}
Shades and Tints of #222ab0
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, #02030c is the darkest color, while #fafafe is the lightest one.
-
#02030c
#02030c
rgb(2,3,12)
-
#05071c
#05071c
rgb(5,7,28)
-
#090b2c
#090b2c
rgb(9,11,44)
-
#0c0f3d
#0c0f3d
rgb(12,15,61)
-
#0f124d
#0f124d
rgb(15,18,77)
-
#12165e
#12165e
rgb(18,22,94)
-
#151a6e
#151a6e
rgb(21,26,110)
-
#181e7f
#181e7f
rgb(24,30,127)
-
#1c228f
#1c228f
rgb(28,34,143)
-
#1f26a0
#1f26a0
rgb(31,38,160)
-
#222ab0
#222ab0
rgb(34,42,176)
-
#252ec0
#252ec0
rgb(37,46,192)
-
#2832d1
#2832d1
rgb(40,50,209)
-
#353ed8
#353ed8
rgb(53,62,216)
-
#454edb
#454edb
rgb(69,78,219)
-
#565dde
#565dde
rgb(86,93,222)
-
#666de1
#666de1
rgb(102,109,225)
-
#777de5
#777de5
rgb(119,125,229)
-
#878de8
#878de8
rgb(135,141,232)
-
#989ceb
#989ceb
rgb(152,156,235)
-
#a8acee
#a8acee
rgb(168,172,238)
-
#b8bcf1
#b8bcf1
rgb(184,188,241)
-
#c9cbf5
#c9cbf5
rgb(201,203,245)
-
#d9dbf8
#d9dbf8
rgb(217,219,248)
-
#eaebfb
#eaebfb
rgb(234,235,251)
-
#fafafe
#fafafe
rgb(250,250,254)
Tones of #222ab0
A tone is produced by adding gray to any pure hue. In this case, #63636f is the less saturated color, while #020dd0 is the most saturated one.
-
#63636f
#63636f
rgb(99,99,111)
-
#5b5c77
#5b5c77
rgb(91,92,119)
-
#525580
#525580
rgb(82,85,128)
-
#4a4e88
#4a4e88
rgb(74,78,136)
-
#424790
#424790
rgb(66,71,144)
-
#3a4098
#3a4098
rgb(58,64,152)
-
#3238a0
#3238a0
rgb(50,56,160)
-
#2a31a8
#2a31a8
rgb(42,49,168)
-
#222ab0
#222ab0
rgb(34,42,176)
-
#1a23b8
#1a23b8
rgb(26,35,184)
-
#121cc0
#121cc0
rgb(18,28,192)
-
#0a14c8
#0a14c8
rgb(10,20,200)
-
#020dd0
#020dd0
rgb(2,13,208)
Color Blindness Simulator
Below, you can see how #222ab0 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.