#222a6c Color Information
In a RGB color space, hex #222a6c is composed of 13.3% red, 16.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 61.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 233.5 degrees, a saturation of 52.1% and a lightness of 27.8%. #222a6c color hex could be obtained by blending #4454d8 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 16
- B 42
-
- C 69
- M 61
- Y 0
- K 58
● #222a6c color description : Very dark blue.
#222a6c Color Conversion
The hexadecimal color #222a6c has RGB values of R:34, G:42, B:108 and CMYK values of C:0.69, M:0.61, Y:0, K:0.58. Its decimal value is 2239084.
Hex triplet | 222a6c | #222a6c |
---|---|---|
RGB Decimal | 34, 42, 108 | rgb(34,42,108) |
RGB Percent | 13.3, 16.5, 42.4 | rgb(13.3%,16.5%,42.4%) |
CMYK | 69, 61, 0, 58 | |
HSL | 233.5°, 52.1, 27.8 | hsl(233.5,52.1%,27.8%) |
HSV (or HSB) | 233.5°, 68.5, 42.4 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 20.356, 19.978, -39.591 |
---|---|
XYZ | 4.194, 3.078, 14.56 |
xyY | 0.192, 0.141, 3.078 |
CIE-LCH | 20.356, 44.346, 296.776 |
CIE-LUV | 20.356, -5.153, -45.977 |
Hunter-Lab | 17.546, 11.961, -36.918 |
Binary | 00100010, 00101010, 01101100 |
Color Schemes with #222a6c
Alternatives to #222a6c
Below, you can see some colors close to #222a6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222a6c Preview
This text has a font color of #222a6c.
<span style="color:#222a6c;">Text here</span>
This paragraph has a background color of #222a6c.
<p style="background-color:#222a6c;">Content here</p>
This element has a border color of #222a6c.
<div style="border:1px solid #222a6c;">Content here</div>
.text {color:#222a6c;}
.background {background-color:#222a6c;}
.border {border:1px solid #222a6c;}
Shades and Tints of #222a6c
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, #010104 is the darkest color, while #f4f4fb is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#060712
#060712
rgb(6,7,18)
-
#0b0d21
#0b0d21
rgb(11,13,33)
-
#0f1330
#0f1330
rgb(15,19,48)
-
#14193f
#14193f
rgb(20,25,63)
-
#191e4e
#191e4e
rgb(25,30,78)
-
#1d245d
#1d245d
rgb(29,36,93)
-
#222a6c
#222a6c
rgb(34,42,108)
-
#27307b
#27307b
rgb(39,48,123)
-
#2b368a
#2b368a
rgb(43,54,138)
-
#303b99
#303b99
rgb(48,59,153)
-
#3541a8
#3541a8
rgb(53,65,168)
-
#3947b7
#3947b7
rgb(57,71,183)
-
#414fc3
#414fc3
rgb(65,79,195)
-
#505dc8
#505dc8
rgb(80,93,200)
-
#5e6acc
#5e6acc
rgb(94,106,204)
-
#6d78d1
#6d78d1
rgb(109,120,209)
-
#7c86d6
#7c86d6
rgb(124,134,214)
-
#8b94db
#8b94db
rgb(139,148,219)
-
#9aa2df
#9aa2df
rgb(154,162,223)
-
#a9afe4
#a9afe4
rgb(169,175,228)
-
#b8bde9
#b8bde9
rgb(184,189,233)
-
#c7cbed
#c7cbed
rgb(199,203,237)
-
#d6d9f2
#d6d9f2
rgb(214,217,242)
-
#e5e7f7
#e5e7f7
rgb(229,231,247)
-
#f4f4fb
#f4f4fb
rgb(244,244,251)
Tones of #222a6c
A tone is produced by adding gray to any pure hue. In this case, #43444b is the less saturated color, while #01108d is the most saturated one.
-
#43444b
#43444b
rgb(67,68,75)
-
#3d3f51
#3d3f51
rgb(61,63,81)
-
#383b56
#383b56
rgb(56,59,86)
-
#32375c
#32375c
rgb(50,55,92)
-
#2d3361
#2d3361
rgb(45,51,97)
-
#272e67
#272e67
rgb(39,46,103)
-
#222a6c
#222a6c
rgb(34,42,108)
-
#1d2671
#1d2671
rgb(29,38,113)
-
#172177
#172177
rgb(23,33,119)
-
#121d7c
#121d7c
rgb(18,29,124)
-
#0c1982
#0c1982
rgb(12,25,130)
-
#071587
#071587
rgb(7,21,135)
-
#01108d
#01108d
rgb(1,16,141)
Color Blindness Simulator
Below, you can see how #222a6c 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.