#222baf Color Information
In a RGB color space, hex #222baf is composed of 13.3% red, 16.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 75.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 236.2 degrees, a saturation of 67.5% and a lightness of 41%. #222baf color hex could be obtained by blending #4456ff with #00005f. Closest websafe color is: #333399.
-
- R 13
- G 17
- B 69
-
- C 81
- M 75
- Y 0
- K 31
● #222baf color description : Dark blue.
#222baf Color Conversion
The hexadecimal color #222baf has RGB values of R:34, G:43, B:175 and CMYK values of C:0.81, M:0.75, Y:0, K:0.31. Its decimal value is 2239407.
Hex triplet | 222baf | #222baf |
---|---|---|
RGB Decimal | 34, 43, 175 | rgb(34,43,175) |
RGB Percent | 13.3, 16.9, 68.6 | rgb(13.3%,16.9%,68.6%) |
CMYK | 81, 75, 0, 31 | |
HSL | 236.2°, 67.5, 41 | hsl(236.2,67.5%,41%) |
HSV (or HSB) | 236.2°, 80.6, 68.6 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.192, 43.895, -70.028 |
---|---|
XYZ | 9.26, 5.162, 41.063 |
xyY | 0.167, 0.093, 5.162 |
CIE-LCH | 27.192, 82.649, 302.08 |
CIE-LUV | 27.192, -7.553, -87.305 |
Hunter-Lab | 22.721, 32.986, -91.251 |
Binary | 00100010, 00101011, 10101111 |
Color Schemes with #222baf
Alternatives to #222baf
Below, you can see some colors close to #222baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222baf Preview
This text has a font color of #222baf.
<span style="color:#222baf;">Text here</span>
This paragraph has a background color of #222baf.
<p style="background-color:#222baf;">Content here</p>
This element has a border color of #222baf.
<div style="border:1px solid #222baf;">Content here</div>
.text {color:#222baf;}
.background {background-color:#222baf;}
.border {border:1px solid #222baf;}
Shades and Tints of #222baf
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, #02030b is the darkest color, while #f9fafe is the lightest one.
-
#02030b
#02030b
rgb(2,3,11)
-
#05071b
#05071b
rgb(5,7,27)
-
#080b2c
#080b2c
rgb(8,11,44)
-
#0c0f3c
#0c0f3c
rgb(12,15,60)
-
#0f134c
#0f134c
rgb(15,19,76)
-
#12175d
#12175d
rgb(18,23,93)
-
#151b6d
#151b6d
rgb(21,27,109)
-
#181f7e
#181f7e
rgb(24,31,126)
-
#1c238e
#1c238e
rgb(28,35,142)
-
#1f279f
#1f279f
rgb(31,39,159)
-
#222baf
#222baf
rgb(34,43,175)
-
#252fbf
#252fbf
rgb(37,47,191)
-
#2833d0
#2833d0
rgb(40,51,208)
-
#343fd8
#343fd8
rgb(52,63,216)
-
#454edb
#454edb
rgb(69,78,219)
-
#555ede
#555ede
rgb(85,94,222)
-
#666de1
#666de1
rgb(102,109,225)
-
#767de4
#767de4
rgb(118,125,228)
-
#868de8
#868de8
rgb(134,141,232)
-
#979ceb
#979ceb
rgb(151,156,235)
-
#a7acee
#a7acee
rgb(167,172,238)
-
#b8bbf1
#b8bbf1
rgb(184,187,241)
-
#c8cbf4
#c8cbf4
rgb(200,203,244)
-
#d8daf8
#d8daf8
rgb(216,218,248)
-
#e9eafb
#e9eafb
rgb(233,234,251)
-
#f9fafe
#f9fafe
rgb(249,250,254)
Tones of #222baf
A tone is produced by adding gray to any pure hue. In this case, #62636f is the less saturated color, while #020fcf is the most saturated one.
-
#62636f
#62636f
rgb(98,99,111)
-
#5a5c77
#5a5c77
rgb(90,92,119)
-
#52557f
#52557f
rgb(82,85,127)
-
#4a4e87
#4a4e87
rgb(74,78,135)
-
#42478f
#42478f
rgb(66,71,143)
-
#3a4097
#3a4097
rgb(58,64,151)
-
#32399f
#32399f
rgb(50,57,159)
-
#2a32a7
#2a32a7
rgb(42,50,167)
-
#222baf
#222baf
rgb(34,43,175)
-
#1a24b7
#1a24b7
rgb(26,36,183)
-
#121dbf
#121dbf
rgb(18,29,191)
-
#0a16c7
#0a16c7
rgb(10,22,199)
-
#020fcf
#020fcf
rgb(2,15,207)
Color Blindness Simulator
Below, you can see how #222baf 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.