#222786 Color Information
In a RGB color space, hex #222786 is composed of 13.3% red, 15.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 70.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 237 degrees, a saturation of 59.5% and a lightness of 32.9%. #222786 color hex could be obtained by blending #444eff with #00000d. Closest websafe color is: #333399.
-
- R 13
- G 15
- B 53
-
- C 75
- M 71
- Y 0
- K 47
● #222786 color description : Dark blue.
#222786 Color Conversion
The hexadecimal color #222786 has RGB values of R:34, G:39, B:134 and CMYK values of C:0.75, M:0.71, Y:0, K:0.47. Its decimal value is 2238342.
Hex triplet | 222786 | #222786 |
---|---|---|
RGB Decimal | 34, 39, 134 | rgb(34,39,134) |
RGB Percent | 13.3, 15.3, 52.5 | rgb(13.3%,15.3%,52.5%) |
CMYK | 75, 71, 0, 47 | |
HSL | 237°, 59.5, 32.9 | hsl(237,59.5%,32.9%) |
HSV (or HSB) | 237°, 74.6, 52.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 21.988, 31.827, -53.496 |
---|---|
XYZ | 5.687, 3.512, 22.931 |
xyY | 0.177, 0.109, 3.512 |
CIE-LCH | 21.988, 62.248, 300.75 |
CIE-LUV | 21.988, -5.412, -62.819 |
Hunter-Lab | 18.74, 21.376, -59.43 |
Binary | 00100010, 00100111, 10000110 |
Color Schemes with #222786
Alternatives to #222786
Below, you can see some colors close to #222786. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222786 Preview
This text has a font color of #222786.
<span style="color:#222786;">Text here</span>
This paragraph has a background color of #222786.
<p style="background-color:#222786;">Content here</p>
This element has a border color of #222786.
<div style="border:1px solid #222786;">Content here</div>
.text {color:#222786;}
.background {background-color:#222786;}
.border {border:1px solid #222786;}
Shades and Tints of #222786
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, #020309 is the darkest color, while #f8f8fd is the lightest one.
-
#020309
#020309
rgb(2,3,9)
-
#060718
#060718
rgb(6,7,24)
-
#0a0c28
#0a0c28
rgb(10,12,40)
-
#0e1038
#0e1038
rgb(14,16,56)
-
#121547
#121547
rgb(18,21,71)
-
#161957
#161957
rgb(22,25,87)
-
#1a1e67
#1a1e67
rgb(26,30,103)
-
#1e2276
#1e2276
rgb(30,34,118)
-
#222786
#222786
rgb(34,39,134)
-
#262c96
#262c96
rgb(38,44,150)
-
#2a30a5
#2a30a5
rgb(42,48,165)
-
#2e35b5
#2e35b5
rgb(46,53,181)
-
#3239c5
#3239c5
rgb(50,57,197)
-
#3c44ce
#3c44ce
rgb(60,68,206)
-
#4c53d2
#4c53d2
rgb(76,83,210)
-
#5c62d6
#5c62d6
rgb(92,98,214)
-
#6b71da
#6b71da
rgb(107,113,218)
-
#7b80de
#7b80de
rgb(123,128,222)
-
#8b8fe1
#8b8fe1
rgb(139,143,225)
-
#9a9ee5
#9a9ee5
rgb(154,158,229)
-
#aaade9
#aaade9
rgb(170,173,233)
-
#babced
#babced
rgb(186,188,237)
-
#c9cbf1
#c9cbf1
rgb(201,203,241)
-
#d9daf5
#d9daf5
rgb(217,218,245)
-
#e9e9f9
#e9e9f9
rgb(233,233,249)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #222786
A tone is produced by adding gray to any pure hue. In this case, #4f5059 is the less saturated color, while #020aa6 is the most saturated one.
-
#4f5059
#4f5059
rgb(79,80,89)
-
#494a5f
#494a5f
rgb(73,74,95)
-
#424466
#424466
rgb(66,68,102)
-
#3c3e6c
#3c3e6c
rgb(60,62,108)
-
#353873
#353873
rgb(53,56,115)
-
#2f3379
#2f3379
rgb(47,51,121)
-
#282d80
#282d80
rgb(40,45,128)
-
#222786
#222786
rgb(34,39,134)
-
#1c218c
#1c218c
rgb(28,33,140)
-
#151b93
#151b93
rgb(21,27,147)
-
#0f1699
#0f1699
rgb(15,22,153)
-
#0810a0
#0810a0
rgb(8,16,160)
-
#020aa6
#020aa6
rgb(2,10,166)
Color Blindness Simulator
Below, you can see how #222786 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.