#222fb0 Color Information
In a RGB color space, hex #222fb0 is composed of 13.3% red, 18.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 73.3% magenta, 0% yellow and 31% black. It has a hue angle of 234.5 degrees, a saturation of 67.6% and a lightness of 41.2%. #222fb0 color hex could be obtained by blending #445eff with #000061. Closest websafe color is: #333399.
-
- R 13
- G 18
- B 69
-
- C 81
- M 73
- Y 0
- K 31
● #222fb0 color description : Dark blue.
#222fb0 Color Conversion
The hexadecimal color #222fb0 has RGB values of R:34, G:47, B:176 and CMYK values of C:0.81, M:0.73, Y:0, K:0.31. Its decimal value is 2240432.
Hex triplet | 222fb0 | #222fb0 |
---|---|---|
RGB Decimal | 34, 47, 176 | rgb(34,47,176) |
RGB Percent | 13.3, 18.4, 69 | rgb(13.3%,18.4%,69%) |
CMYK | 81, 73, 0, 31 | |
HSL | 234.5°, 67.6, 41.2 | hsl(234.5,67.6%,41.2%) |
HSV (or HSB) | 234.5°, 80.7, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 28.133, 41.903, -69.072 |
---|---|
XYZ | 9.511, 5.507, 41.634 |
xyY | 0.168, 0.097, 5.507 |
CIE-LCH | 28.133, 80.789, 301.243 |
CIE-LUV | 28.133, -8.242, -87.758 |
Hunter-Lab | 23.467, 31.278, -88.761 |
Binary | 00100010, 00101111, 10110000 |
Color Schemes with #222fb0
Alternatives to #222fb0
Below, you can see some colors close to #222fb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222fb0 Preview
This text has a font color of #222fb0.
<span style="color:#222fb0;">Text here</span>
This paragraph has a background color of #222fb0.
<p style="background-color:#222fb0;">Content here</p>
This element has a border color of #222fb0.
<div style="border:1px solid #222fb0;">Content here</div>
.text {color:#222fb0;}
.background {background-color:#222fb0;}
.border {border:1px solid #222fb0;}
Shades and Tints of #222fb0
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 #fafbfe is the lightest one.
-
#02030c
#02030c
rgb(2,3,12)
-
#05071c
#05071c
rgb(5,7,28)
-
#090c2c
#090c2c
rgb(9,12,44)
-
#0c103d
#0c103d
rgb(12,16,61)
-
#0f154d
#0f154d
rgb(15,21,77)
-
#12195e
#12195e
rgb(18,25,94)
-
#151d6e
#151d6e
rgb(21,29,110)
-
#18227f
#18227f
rgb(24,34,127)
-
#1c268f
#1c268f
rgb(28,38,143)
-
#1f2ba0
#1f2ba0
rgb(31,43,160)
-
#222fb0
#222fb0
rgb(34,47,176)
-
#2533c0
#2533c0
rgb(37,51,192)
-
#2838d1
#2838d1
rgb(40,56,209)
-
#3544d8
#3544d8
rgb(53,68,216)
-
#4553db
#4553db
rgb(69,83,219)
-
#5662de
#5662de
rgb(86,98,222)
-
#6671e1
#6671e1
rgb(102,113,225)
-
#7781e5
#7781e5
rgb(119,129,229)
-
#8790e8
#8790e8
rgb(135,144,232)
-
#989feb
#989feb
rgb(152,159,235)
-
#a8aeee
#a8aeee
rgb(168,174,238)
-
#b8bef1
#b8bef1
rgb(184,190,241)
-
#c9cdf5
#c9cdf5
rgb(201,205,245)
-
#d9dcf8
#d9dcf8
rgb(217,220,248)
-
#eaebfb
#eaebfb
rgb(234,235,251)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #222fb0
A tone is produced by adding gray to any pure hue. In this case, #63646f is the less saturated color, while #0215d0 is the most saturated one.
-
#63646f
#63646f
rgb(99,100,111)
-
#5b5d77
#5b5d77
rgb(91,93,119)
-
#525780
#525780
rgb(82,87,128)
-
#4a5088
#4a5088
rgb(74,80,136)
-
#424990
#424990
rgb(66,73,144)
-
#3a4398
#3a4398
rgb(58,67,152)
-
#323ca0
#323ca0
rgb(50,60,160)
-
#2a36a8
#2a36a8
rgb(42,54,168)
-
#222fb0
#222fb0
rgb(34,47,176)
-
#1a28b8
#1a28b8
rgb(26,40,184)
-
#1222c0
#1222c0
rgb(18,34,192)
-
#0a1bc8
#0a1bc8
rgb(10,27,200)
-
#0215d0
#0215d0
rgb(2,21,208)
Color Blindness Simulator
Below, you can see how #222fb0 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.