#222196 Color Information
In a RGB color space, hex #222196 is composed of 13.3% red, 12.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 78% magenta, 0% yellow and 41.2% black. It has a hue angle of 240.5 degrees, a saturation of 63.9% and a lightness of 35.9%. #222196 color hex could be obtained by blending #4442ff with #00002d. Closest websafe color is: #333399.
-
- R 13
- G 13
- B 59
-
- C 77
- M 78
- Y 0
- K 41
● #222196 color description : Dark blue.
#222196 Color Conversion
The hexadecimal color #222196 has RGB values of R:34, G:33, B:150 and CMYK values of C:0.77, M:0.78, Y:0, K:0.41. Its decimal value is 2236822.
Hex triplet | 222196 | #222196 |
---|---|---|
RGB Decimal | 34, 33, 150 | rgb(34,33,150) |
RGB Percent | 13.3, 12.9, 58.8 | rgb(13.3%,12.9%,58.8%) |
CMYK | 77, 78, 0, 41 | |
HSL | 240.5°, 63.9, 35.9 | hsl(240.5,63.9%,35.9%) |
HSV (or HSB) | 240.5°, 78, 58.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 22.406, 41.078, -62.756 |
---|---|
XYZ | 6.707, 3.629, 29.2 |
xyY | 0.17, 0.092, 3.629 |
CIE-LCH | 22.406, 75.005, 303.207 |
CIE-LUV | 22.406, -5.088, -72.453 |
Hunter-Lab | 19.051, 29.507, -77.539 |
Binary | 00100010, 00100001, 10010110 |
Color Schemes with #222196
Alternatives to #222196
Below, you can see some colors close to #222196. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222196 Preview
This text has a font color of #222196.
<span style="color:#222196;">Text here</span>
This paragraph has a background color of #222196.
<p style="background-color:#222196;">Content here</p>
This element has a border color of #222196.
<div style="border:1px solid #222196;">Content here</div>
.text {color:#222196;}
.background {background-color:#222196;}
.border {border:1px solid #222196;}
Shades and Tints of #222196
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, #010105 is the darkest color, while #f4f4fd is the lightest one.
-
#010105
#010105
rgb(1,1,5)
-
#050515
#050515
rgb(5,5,21)
-
#080825
#080825
rgb(8,8,37)
-
#0c0c36
#0c0c36
rgb(12,12,54)
-
#100f46
#100f46
rgb(16,15,70)
-
#131356
#131356
rgb(19,19,86)
-
#171666
#171666
rgb(23,22,102)
-
#1b1a76
#1b1a76
rgb(27,26,118)
-
#1e1d86
#1e1d86
rgb(30,29,134)
-
#222196
#222196
rgb(34,33,150)
-
#2625a6
#2625a6
rgb(38,37,166)
-
#2928b6
#2928b6
rgb(41,40,182)
-
#2d2cc6
#2d2cc6
rgb(45,44,198)
-
#3533d2
#3533d2
rgb(53,51,210)
-
#4543d6
#4543d6
rgb(69,67,214)
-
#5553d9
#5553d9
rgb(85,83,217)
-
#6564dd
#6564dd
rgb(101,100,221)
-
#7574e0
#7574e0
rgb(117,116,224)
-
#8484e4
#8484e4
rgb(132,132,228)
-
#9494e7
#9494e7
rgb(148,148,231)
-
#a4a4eb
#a4a4eb
rgb(164,164,235)
-
#b4b4ee
#b4b4ee
rgb(180,180,238)
-
#c4c4f2
#c4c4f2
rgb(196,196,242)
-
#d4d4f6
#d4d4f6
rgb(212,212,246)
-
#e4e4f9
#e4e4f9
rgb(228,228,249)
-
#f4f4fd
#f4f4fd
rgb(244,244,253)
Tones of #222196
A tone is produced by adding gray to any pure hue. In this case, #59595e is the less saturated color, while #0605b2 is the most saturated one.
-
#59595e
#59595e
rgb(89,89,94)
-
#525265
#525265
rgb(82,82,101)
-
#4c4b6c
#4c4b6c
rgb(76,75,108)
-
#454473
#454473
rgb(69,68,115)
-
#3e3d7a
#3e3d7a
rgb(62,61,122)
-
#373681
#373681
rgb(55,54,129)
-
#302f88
#302f88
rgb(48,47,136)
-
#29288f
#29288f
rgb(41,40,143)
-
#222196
#222196
rgb(34,33,150)
-
#1b1a9d
#1b1a9d
rgb(27,26,157)
-
#1413a4
#1413a4
rgb(20,19,164)
-
#0d0cab
#0d0cab
rgb(13,12,171)
-
#0605b2
#0605b2
rgb(6,5,178)
Color Blindness Simulator
Below, you can see how #222196 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.