#222fdb Color Information
In a RGB color space, hex #222fdb is composed of 13.3% red, 18.4% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 78.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 235.8 degrees, a saturation of 73.1% and a lightness of 49.6%. #222fdb color hex could be obtained by blending #445eff with #0000b7. Closest websafe color is: #3333cc.
-
- R 13
- G 18
- B 86
-
- C 84
- M 79
- Y 0
- K 14
● #222fdb color description : Bright blue.
#222fdb Color Conversion
The hexadecimal color #222fdb has RGB values of R:34, G:47, B:219 and CMYK values of C:0.84, M:0.79, Y:0, K:0.14. Its decimal value is 2240475.
Hex triplet | 222fdb | #222fdb |
---|---|---|
RGB Decimal | 34, 47, 219 | rgb(34,47,219) |
RGB Percent | 13.3, 18.4, 85.9 | rgb(13.3%,18.4%,85.9%) |
CMYK | 84, 79, 0, 14 | |
HSL | 235.8°, 73.1, 49.6 | hsl(235.8,73.1%,49.6%) |
HSV (or HSB) | 235.8°, 84.5, 85.9 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 32.89, 56.186, -86.407 |
---|---|
XYZ | 14.46, 7.487, 67.697 |
xyY | 0.161, 0.084, 7.487 |
CIE-LCH | 32.89, 103.068, 303.034 |
CIE-LUV | 32.89, -9.616, -112.905 |
Hunter-Lab | 27.362, 46.45, -127.54 |
Binary | 00100010, 00101111, 11011011 |
Color Schemes with #222fdb
Alternatives to #222fdb
Below, you can see some colors close to #222fdb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222fdb Preview
This text has a font color of #222fdb.
<span style="color:#222fdb;">Text here</span>
This paragraph has a background color of #222fdb.
<p style="background-color:#222fdb;">Content here</p>
This element has a border color of #222fdb.
<div style="border:1px solid #222fdb;">Content here</div>
.text {color:#222fdb;}
.background {background-color:#222fdb;}
.border {border:1px solid #222fdb;}
Shades and Tints of #222fdb
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, #02030f is the darkest color, while #fdfdff is the lightest one.
-
#02030f
#02030f
rgb(2,3,15)
-
#050720
#050720
rgb(5,7,32)
-
#080b31
#080b31
rgb(8,11,49)
-
#0a0e42
#0a0e42
rgb(10,14,66)
-
#0d1253
#0d1253
rgb(13,18,83)
-
#101564
#101564
rgb(16,21,100)
-
#121975
#121975
rgb(18,25,117)
-
#151d86
#151d86
rgb(21,29,134)
-
#172097
#172097
rgb(23,32,151)
-
#1a24a8
#1a24a8
rgb(26,36,168)
-
#1d28b9
#1d28b9
rgb(29,40,185)
-
#1f2bca
#1f2bca
rgb(31,43,202)
-
#222fdb
#222fdb
rgb(34,47,219)
-
#323edf
#323edf
rgb(50,62,223)
-
#424ee2
#424ee2
rgb(66,78,226)
-
#535ee4
#535ee4
rgb(83,94,228)
-
#646ee7
#646ee7
rgb(100,110,231)
-
#757eea
#757eea
rgb(117,126,234)
-
#868eec
#868eec
rgb(134,142,236)
-
#979eef
#979eef
rgb(151,158,239)
-
#a8aef2
#a8aef2
rgb(168,174,242)
-
#b9bdf4
#b9bdf4
rgb(185,189,244)
-
#cacdf7
#cacdf7
rgb(202,205,247)
-
#dbddf9
#dbddf9
rgb(219,221,249)
-
#ecedfc
#ecedfc
rgb(236,237,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #222fdb
A tone is produced by adding gray to any pure hue. In this case, #7a7a83 is the less saturated color, while #0516f8 is the most saturated one.
-
#7a7a83
#7a7a83
rgb(122,122,131)
-
#70728d
#70728d
rgb(112,114,141)
-
#666a97
#666a97
rgb(102,106,151)
-
#5c61a1
#5c61a1
rgb(92,97,161)
-
#5359aa
#5359aa
rgb(83,89,170)
-
#4950b4
#4950b4
rgb(73,80,180)
-
#3f48be
#3f48be
rgb(63,72,190)
-
#3540c8
#3540c8
rgb(53,64,200)
-
#2c37d1
#2c37d1
rgb(44,55,209)
-
#222fdb
#222fdb
rgb(34,47,219)
-
#1827e5
#1827e5
rgb(24,39,229)
-
#0f1eee
#0f1eee
rgb(15,30,238)
-
#0516f8
#0516f8
rgb(5,22,248)
Color Blindness Simulator
Below, you can see how #222fdb 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.