#222166 Color Information
In a RGB color space, hex #222166 is composed of 13.3% red, 12.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 67.6% magenta, 0% yellow and 60% black. It has a hue angle of 240.9 degrees, a saturation of 51.1% and a lightness of 26.5%. #222166 color hex could be obtained by blending #4442cc with #000000. Closest websafe color is: #333366.
-
- R 13
- G 13
- B 40
-
- C 67
- M 68
- Y 0
- K 60
● #222166 color description : Very dark blue.
#222166 Color Conversion
The hexadecimal color #222166 has RGB values of R:34, G:33, B:102 and CMYK values of C:0.67, M:0.68, Y:0, K:0.6. Its decimal value is 2236774.
Hex triplet | 222166 | #222166 |
---|---|---|
RGB Decimal | 34, 33, 102 | rgb(34,33,102) |
RGB Percent | 13.3, 12.9, 40 | rgb(13.3%,12.9%,40%) |
CMYK | 67, 68, 0, 60 | |
HSL | 240.9°, 51.1, 26.5 | hsl(240.9,51.1%,26.5%) |
HSV (or HSB) | 240.9°, 67.6, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 17.399, 23.974, -40.493 |
---|---|
XYZ | 3.601, 2.387, 12.841 |
xyY | 0.191, 0.127, 2.387 |
CIE-LCH | 17.399, 47.058, 300.628 |
CIE-LUV | 17.399, -2.937, -43.579 |
Hunter-Lab | 15.45, 14.572, -38.462 |
Binary | 00100010, 00100001, 01100110 |
Color Schemes with #222166
Alternatives to #222166
Below, you can see some colors close to #222166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222166 Preview
This text has a font color of #222166.
<span style="color:#222166;">Text here</span>
This paragraph has a background color of #222166.
<p style="background-color:#222166;">Content here</p>
This element has a border color of #222166.
<div style="border:1px solid #222166;">Content here</div>
.text {color:#222166;}
.background {background-color:#222166;}
.border {border:1px solid #222166;}
Shades and Tints of #222166
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, #04040d is the darkest color, while #fdfdfe is the lightest one.
-
#04040d
#04040d
rgb(4,4,13)
-
#09091c
#09091c
rgb(9,9,28)
-
#0e0e2b
#0e0e2b
rgb(14,14,43)
-
#13133a
#13133a
rgb(19,19,58)
-
#181748
#181748
rgb(24,23,72)
-
#1d1c57
#1d1c57
rgb(29,28,87)
-
#222166
#222166
rgb(34,33,102)
-
#272675
#272675
rgb(39,38,117)
-
#2c2b84
#2c2b84
rgb(44,43,132)
-
#312f92
#312f92
rgb(49,47,146)
-
#3634a1
#3634a1
rgb(54,52,161)
-
#3b39b0
#3b39b0
rgb(59,57,176)
-
#403ebf
#403ebf
rgb(64,62,191)
-
#4d4bc5
#4d4bc5
rgb(77,75,197)
-
#5c5aca
#5c5aca
rgb(92,90,202)
-
#6b69ce
#6b69ce
rgb(107,105,206)
-
#7978d3
#7978d3
rgb(121,120,211)
-
#8887d8
#8887d8
rgb(136,135,216)
-
#9796dd
#9796dd
rgb(151,150,221)
-
#a5a4e2
#a5a4e2
rgb(165,164,226)
-
#b4b3e6
#b4b3e6
rgb(180,179,230)
-
#c3c2eb
#c3c2eb
rgb(195,194,235)
-
#d1d1f0
#d1d1f0
rgb(209,209,240)
-
#e0e0f5
#e0e0f5
rgb(224,224,245)
-
#efeefa
#efeefa
rgb(239,238,250)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #222166
A tone is produced by adding gray to any pure hue. In this case, #404047 is the less saturated color, while #040285 is the most saturated one.
-
#404047
#404047
rgb(64,64,71)
-
#3b3b4c
#3b3b4c
rgb(59,59,76)
-
#363651
#363651
rgb(54,54,81)
-
#313156
#313156
rgb(49,49,86)
-
#2c2b5c
#2c2b5c
rgb(44,43,92)
-
#272661
#272661
rgb(39,38,97)
-
#222166
#222166
rgb(34,33,102)
-
#1d1c6b
#1d1c6b
rgb(29,28,107)
-
#181770
#181770
rgb(24,23,112)
-
#131176
#131176
rgb(19,17,118)
-
#0e0c7b
#0e0c7b
rgb(14,12,123)
-
#090780
#090780
rgb(9,7,128)
-
#040285
#040285
rgb(4,2,133)
Color Blindness Simulator
Below, you can see how #222166 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.