#222366 Color Information
In a RGB color space, hex #222366 is composed of 13.3% red, 13.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 65.7% magenta, 0% yellow and 60% black. It has a hue angle of 239.1 degrees, a saturation of 50% and a lightness of 26.7%. #222366 color hex could be obtained by blending #4446cc with #000000. Closest websafe color is: #333366.
-
- R 13
- G 14
- B 40
-
- C 67
- M 66
- Y 0
- K 60
● #222366 color description : Very dark blue.
#222366 Color Conversion
The hexadecimal color #222366 has RGB values of R:34, G:35, B:102 and CMYK values of C:0.67, M:0.66, Y:0, K:0.6. Its decimal value is 2237286.
Hex triplet | 222366 | #222366 |
---|---|---|
RGB Decimal | 34, 35, 102 | rgb(34,35,102) |
RGB Percent | 13.3, 13.7, 40 | rgb(13.3%,13.7%,40%) |
CMYK | 67, 66, 0, 60 | |
HSL | 239.1°, 50, 26.7 | hsl(239.1,50%,26.7%) |
HSV (or HSB) | 239.1°, 66.7, 40 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 17.924, 22.595, -39.636 |
---|---|
XYZ | 3.659, 2.501, 12.86 |
xyY | 0.192, 0.132, 2.501 |
CIE-LCH | 17.924, 45.624, 299.686 |
CIE-LUV | 17.924, -3.345, -43.361 |
Hunter-Lab | 15.815, 13.615, -37.138 |
Binary | 00100010, 00100011, 01100110 |
Color Schemes with #222366
Alternatives to #222366
Below, you can see some colors close to #222366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222366 Preview
This text has a font color of #222366.
<span style="color:#222366;">Text here</span>
This paragraph has a background color of #222366.
<p style="background-color:#222366;">Content here</p>
This element has a border color of #222366.
<div style="border:1px solid #222366;">Content here</div>
.text {color:#222366;}
.background {background-color:#222366;}
.border {border:1px solid #222366;}
Shades and Tints of #222366
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, #05050e is the darkest color, while #fefeff is the lightest one.
-
#05050e
#05050e
rgb(5,5,14)
-
#090a1c
#090a1c
rgb(9,10,28)
-
#0e0f2b
#0e0f2b
rgb(14,15,43)
-
#13143a
#13143a
rgb(19,20,58)
-
#181949
#181949
rgb(24,25,73)
-
#1d1e57
#1d1e57
rgb(29,30,87)
-
#222366
#222366
rgb(34,35,102)
-
#272875
#272875
rgb(39,40,117)
-
#2c2d83
#2c2d83
rgb(44,45,131)
-
#313292
#313292
rgb(49,50,146)
-
#3637a1
#3637a1
rgb(54,55,161)
-
#3b3cb0
#3b3cb0
rgb(59,60,176)
-
#3f41be
#3f41be
rgb(63,65,190)
-
#4d4fc4
#4d4fc4
rgb(77,79,196)
-
#5c5ec9
#5c5ec9
rgb(92,94,201)
-
#6b6cce
#6b6cce
rgb(107,108,206)
-
#7a7bd3
#7a7bd3
rgb(122,123,211)
-
#8889d7
#8889d7
rgb(136,137,215)
-
#9798dc
#9798dc
rgb(151,152,220)
-
#a6a7e1
#a6a7e1
rgb(166,167,225)
-
#b4b5e6
#b4b5e6
rgb(180,181,230)
-
#c3c4eb
#c3c4eb
rgb(195,196,235)
-
#d2d2f0
#d2d2f0
rgb(210,210,240)
-
#e1e1f5
#e1e1f5
rgb(225,225,245)
-
#efeffa
#efeffa
rgb(239,239,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #222366
A tone is produced by adding gray to any pure hue. In this case, #414147 is the less saturated color, while #030585 is the most saturated one.
-
#414147
#414147
rgb(65,65,71)
-
#3c3c4c
#3c3c4c
rgb(60,60,76)
-
#373751
#373751
rgb(55,55,81)
-
#323256
#323256
rgb(50,50,86)
-
#2c2d5c
#2c2d5c
rgb(44,45,92)
-
#272861
#272861
rgb(39,40,97)
-
#222366
#222366
rgb(34,35,102)
-
#1d1e6b
#1d1e6b
rgb(29,30,107)
-
#181970
#181970
rgb(24,25,112)
-
#121476
#121476
rgb(18,20,118)
-
#0d0f7b
#0d0f7b
rgb(13,15,123)
-
#080a80
#080a80
rgb(8,10,128)
-
#030585
#030585
rgb(3,5,133)
Color Blindness Simulator
Below, you can see how #222366 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.