#222cae Color Information
In a RGB color space, hex #222cae is composed of 13.3% red, 17.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 74.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 235.7 degrees, a saturation of 67.3% and a lightness of 40.8%. #222cae color hex could be obtained by blending #4458ff with #00005d. Closest websafe color is: #333399.
-
- R 13
- G 17
- B 68
-
- C 80
- M 75
- Y 0
- K 32
● #222cae color description : Dark blue.
#222cae Color Conversion
The hexadecimal color #222cae has RGB values of R:34, G:44, B:174 and CMYK values of C:0.8, M:0.75, Y:0, K:0.32. Its decimal value is 2239662.
Hex triplet | 222cae | #222cae |
---|---|---|
RGB Decimal | 34, 44, 174 | rgb(34,44,174) |
RGB Percent | 13.3, 17.3, 68.2 | rgb(13.3%,17.3%,68.2%) |
CMYK | 80, 75, 0, 32 | |
HSL | 235.7°, 67.3, 40.8 | hsl(235.7,67.3%,40.8%) |
HSV (or HSB) | 235.7°, 80.5, 68.2 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.288, 42.975, -69.27 |
---|---|
XYZ | 9.199, 5.197, 40.56 |
xyY | 0.167, 0.095, 5.197 |
CIE-LCH | 27.288, 81.518, 301.815 |
CIE-LUV | 27.288, -7.678, -86.69 |
Hunter-Lab | 22.797, 32.134, -89.533 |
Binary | 00100010, 00101100, 10101110 |
Color Schemes with #222cae
Alternatives to #222cae
Below, you can see some colors close to #222cae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222cae Preview
This text has a font color of #222cae.
<span style="color:#222cae;">Text here</span>
This paragraph has a background color of #222cae.
<p style="background-color:#222cae;">Content here</p>
This element has a border color of #222cae.
<div style="border:1px solid #222cae;">Content here</div>
.text {color:#222cae;}
.background {background-color:#222cae;}
.border {border:1px solid #222cae;}
Shades and Tints of #222cae
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, #02030a is the darkest color, while #f9f9fe is the lightest one.
-
#02030a
#02030a
rgb(2,3,10)
-
#05071a
#05071a
rgb(5,7,26)
-
#080b2b
#080b2b
rgb(8,11,43)
-
#0c0f3b
#0c0f3b
rgb(12,15,59)
-
#0f134c
#0f134c
rgb(15,19,76)
-
#12175c
#12175c
rgb(18,23,92)
-
#151b6c
#151b6c
rgb(21,27,108)
-
#18207d
#18207d
rgb(24,32,125)
-
#1c248d
#1c248d
rgb(28,36,141)
-
#1f289e
#1f289e
rgb(31,40,158)
-
#222cae
#222cae
rgb(34,44,174)
-
#2530be
#2530be
rgb(37,48,190)
-
#2834cf
#2834cf
rgb(40,52,207)
-
#343fd7
#343fd7
rgb(52,63,215)
-
#444fda
#444fda
rgb(68,79,218)
-
#545ede
#545ede
rgb(84,94,222)
-
#656ee1
#656ee1
rgb(101,110,225)
-
#757de4
#757de4
rgb(117,125,228)
-
#868de7
#868de7
rgb(134,141,231)
-
#969cea
#969cea
rgb(150,156,234)
-
#a6acee
#a6acee
rgb(166,172,238)
-
#b7bbf1
#b7bbf1
rgb(183,187,241)
-
#c7caf4
#c7caf4
rgb(199,202,244)
-
#d8daf7
#d8daf7
rgb(216,218,247)
-
#e8e9fb
#e8e9fb
rgb(232,233,251)
-
#f9f9fe
#f9f9fe
rgb(249,249,254)
Tones of #222cae
A tone is produced by adding gray to any pure hue. In this case, #62636e is the less saturated color, while #0211ce is the most saturated one.
-
#62636e
#62636e
rgb(98,99,110)
-
#5a5c76
#5a5c76
rgb(90,92,118)
-
#52557e
#52557e
rgb(82,85,126)
-
#4a4e86
#4a4e86
rgb(74,78,134)
-
#42478e
#42478e
rgb(66,71,142)
-
#3a4196
#3a4196
rgb(58,65,150)
-
#323a9e
#323a9e
rgb(50,58,158)
-
#2a33a6
#2a33a6
rgb(42,51,166)
-
#222cae
#222cae
rgb(34,44,174)
-
#1a25b6
#1a25b6
rgb(26,37,182)
-
#121ebe
#121ebe
rgb(18,30,190)
-
#0a17c6
#0a17c6
rgb(10,23,198)
-
#0211ce
#0211ce
rgb(2,17,206)
Color Blindness Simulator
Below, you can see how #222cae 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.