#222278 Color Information
In a RGB color space, hex #222278 is composed of 13.3% red, 13.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 71.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 240 degrees, a saturation of 55.8% and a lightness of 30.2%. #222278 color hex could be obtained by blending #4444f0 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 13
- B 47
-
- C 72
- M 72
- Y 0
- K 53
● #222278 color description : Dark blue.
#222278 Color Conversion
The hexadecimal color #222278 has RGB values of R:34, G:34, B:120 and CMYK values of C:0.72, M:0.72, Y:0, K:0.53. Its decimal value is 2237048.
Hex triplet | 222278 | #222278 |
---|---|---|
RGB Decimal | 34, 34, 120 | rgb(34,34,120) |
RGB Percent | 13.3, 13.3, 47.1 | rgb(13.3%,13.3%,47.1%) |
CMYK | 72, 72, 0, 53 | |
HSL | 240°, 55.8, 30.2 | hsl(240,55.8%,30.2%) |
HSV (or HSB) | 240°, 71.7, 47.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 19.391, 29.943, -48.895 |
---|---|
XYZ | 4.621, 2.84, 18.073 |
xyY | 0.181, 0.111, 2.84 |
CIE-LCH | 19.391, 57.335, 301.483 |
CIE-LUV | 19.391, -3.936, -54.543 |
Hunter-Lab | 16.852, 19.457, -51.788 |
Binary | 00100010, 00100010, 01111000 |
Color Schemes with #222278
Alternatives to #222278
Below, you can see some colors close to #222278. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222278 Preview
This text has a font color of #222278.
<span style="color:#222278;">Text here</span>
This paragraph has a background color of #222278.
<p style="background-color:#222278;">Content here</p>
This element has a border color of #222278.
<div style="border:1px solid #222278;">Content here</div>
.text {color:#222278;}
.background {background-color:#222278;}
.border {border:1px solid #222278;}
Shades and Tints of #222278
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)
-
#08081c
#08081c
rgb(8,8,28)
-
#0c0c2c
#0c0c2c
rgb(12,12,44)
-
#11113b
#11113b
rgb(17,17,59)
-
#15154a
#15154a
rgb(21,21,74)
-
#191959
#191959
rgb(25,25,89)
-
#1e1e69
#1e1e69
rgb(30,30,105)
-
#222278
#222278
rgb(34,34,120)
-
#262687
#262687
rgb(38,38,135)
-
#2b2b97
#2b2b97
rgb(43,43,151)
-
#2f2fa6
#2f2fa6
rgb(47,47,166)
-
#3333b5
#3333b5
rgb(51,51,181)
-
#3838c4
#3838c4
rgb(56,56,196)
-
#4545ca
#4545ca
rgb(69,69,202)
-
#5555cf
#5555cf
rgb(85,85,207)
-
#6464d3
#6464d3
rgb(100,100,211)
-
#7373d7
#7373d7
rgb(115,115,215)
-
#8282dc
#8282dc
rgb(130,130,220)
-
#9292e0
#9292e0
rgb(146,146,224)
-
#a1a1e4
#a1a1e4
rgb(161,161,228)
-
#b0b0e9
#b0b0e9
rgb(176,176,233)
-
#c0c0ed
#c0c0ed
rgb(192,192,237)
-
#cfcff1
#cfcff1
rgb(207,207,241)
-
#dedef6
#dedef6
rgb(222,222,246)
-
#ededfa
#ededfa
rgb(237,237,250)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #222278
A tone is produced by adding gray to any pure hue. In this case, #4b4b4f is the less saturated color, while #040496 is the most saturated one.
-
#4b4b4f
#4b4b4f
rgb(75,75,79)
-
#464654
#464654
rgb(70,70,84)
-
#40405a
#40405a
rgb(64,64,90)
-
#3a3a60
#3a3a60
rgb(58,58,96)
-
#343466
#343466
rgb(52,52,102)
-
#2e2e6c
#2e2e6c
rgb(46,46,108)
-
#282872
#282872
rgb(40,40,114)
-
#222278
#222278
rgb(34,34,120)
-
#1c1c7e
#1c1c7e
rgb(28,28,126)
-
#161684
#161684
rgb(22,22,132)
-
#10108a
#10108a
rgb(16,16,138)
-
#0a0a90
#0a0a90
rgb(10,10,144)
-
#040496
#040496
rgb(4,4,150)
Color Blindness Simulator
Below, you can see how #222278 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.