#222699 Color Information
In a RGB color space, hex #222699 is composed of 13.3% red, 14.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 75.2% magenta, 0% yellow and 40% black. It has a hue angle of 238 degrees, a saturation of 63.6% and a lightness of 36.7%. #222699 color hex could be obtained by blending #444cff with #000033. Closest websafe color is: #333399.
-
- R 13
- G 15
- B 60
-
- C 78
- M 75
- Y 0
- K 40
● #222699 color description : Dark blue.
#222699 Color Conversion
The hexadecimal color #222699 has RGB values of R:34, G:38, B:153 and CMYK values of C:0.78, M:0.75, Y:0, K:0.4. Its decimal value is 2238105.
Hex triplet | 222699 | #222699 |
---|---|---|
RGB Decimal | 34, 38, 153 | rgb(34,38,153) |
RGB Percent | 13.3, 14.9, 60 | rgb(13.3%,14.9%,60%) |
CMYK | 78, 75, 0, 40 | |
HSL | 238°, 63.6, 36.7 | hsl(238,63.6%,36.7%) |
HSV (or HSB) | 238°, 77.8, 60 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 23.756, 39.227, -62.37 |
---|---|
XYZ | 7.101, 4.026, 30.538 |
xyY | 0.17, 0.097, 4.026 |
CIE-LCH | 23.756, 73.68, 302.167 |
CIE-LUV | 23.756, -5.961, -74.308 |
Hunter-Lab | 20.064, 28.064, -76.195 |
Binary | 00100010, 00100110, 10011001 |
Color Schemes with #222699
Alternatives to #222699
Below, you can see some colors close to #222699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222699 Preview
This text has a font color of #222699.
<span style="color:#222699;">Text here</span>
This paragraph has a background color of #222699.
<p style="background-color:#222699;">Content here</p>
This element has a border color of #222699.
<div style="border:1px solid #222699;">Content here</div>
.text {color:#222699;}
.background {background-color:#222699;}
.border {border:1px solid #222699;}
Shades and Tints of #222699
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, #020209 is the darkest color, while #f8f8fd is the lightest one.
-
#020209
#020209
rgb(2,2,9)
-
#050619
#050619
rgb(5,6,25)
-
#090a29
#090a29
rgb(9,10,41)
-
#0d0e39
#0d0e39
rgb(13,14,57)
-
#101249
#101249
rgb(16,18,73)
-
#141659
#141659
rgb(20,22,89)
-
#171a69
#171a69
rgb(23,26,105)
-
#1b1e79
#1b1e79
rgb(27,30,121)
-
#1e2289
#1e2289
rgb(30,34,137)
-
#222699
#222699
rgb(34,38,153)
-
#262aa9
#262aa9
rgb(38,42,169)
-
#292eb9
#292eb9
rgb(41,46,185)
-
#2d32c9
#2d32c9
rgb(45,50,201)
-
#373cd3
#373cd3
rgb(55,60,211)
-
#474cd6
#474cd6
rgb(71,76,214)
-
#575bda
#575bda
rgb(87,91,218)
-
#676bdd
#676bdd
rgb(103,107,221)
-
#777be1
#777be1
rgb(119,123,225)
-
#878ae4
#878ae4
rgb(135,138,228)
-
#979ae8
#979ae8
rgb(151,154,232)
-
#a7aaec
#a7aaec
rgb(167,170,236)
-
#b7b9ef
#b7b9ef
rgb(183,185,239)
-
#c7c9f3
#c7c9f3
rgb(199,201,243)
-
#d7d8f6
#d7d8f6
rgb(215,216,246)
-
#e7e8fa
#e7e8fa
rgb(231,232,250)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #222699
A tone is produced by adding gray to any pure hue. In this case, #5c5c5f is the less saturated color, while #050bb6 is the most saturated one.
-
#5c5c5f
#5c5c5f
rgb(92,92,95)
-
#545567
#545567
rgb(84,85,103)
-
#4d4e6e
#4d4e6e
rgb(77,78,110)
-
#464875
#464875
rgb(70,72,117)
-
#3f417c
#3f417c
rgb(63,65,124)
-
#383a83
#383a83
rgb(56,58,131)
-
#30338b
#30338b
rgb(48,51,139)
-
#292d92
#292d92
rgb(41,45,146)
-
#222699
#222699
rgb(34,38,153)
-
#1b1fa0
#1b1fa0
rgb(27,31,160)
-
#1419a7
#1419a7
rgb(20,25,167)
-
#0c12af
#0c12af
rgb(12,18,175)
-
#050bb6
#050bb6
rgb(5,11,182)
Color Blindness Simulator
Below, you can see how #222699 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.