#222554 Color Information
In a RGB color space, hex #222554 is composed of 13.3% red, 14.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 56% magenta, 0% yellow and 67.1% black. It has a hue angle of 236.4 degrees, a saturation of 42.4% and a lightness of 23.1%. #222554 color hex could be obtained by blending #444aa8 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 15
- B 33
-
- C 60
- M 56
- Y 0
- K 67
● #222554 color description : Very dark desaturated blue.
#222554 Color Conversion
The hexadecimal color #222554 has RGB values of R:34, G:37, B:84 and CMYK values of C:0.6, M:0.56, Y:0, K:0.67. Its decimal value is 2237780.
Hex triplet | 222554 | #222554 |
---|---|---|
RGB Decimal | 34, 37, 84 | rgb(34,37,84) |
RGB Percent | 13.3, 14.5, 32.9 | rgb(13.3%,14.5%,32.9%) |
CMYK | 60, 56, 0, 67 | |
HSL | 236.4°, 42.4, 23.1 | hsl(236.4,42.4%,23.1%) |
HSV (or HSB) | 236.4°, 59.5, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 17.004, 14.359, -29.165 |
---|---|
XYZ | 2.921, 2.303, 8.678 |
xyY | 0.21, 0.166, 2.303 |
CIE-LCH | 17.004, 32.508, 296.213 |
CIE-LUV | 17.004, -3.058, -31.37 |
Hunter-Lab | 15.176, 7.8, -23.278 |
Binary | 00100010, 00100101, 01010100 |
Color Schemes with #222554
Alternatives to #222554
Below, you can see some colors close to #222554. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222554 Preview
This text has a font color of #222554.
<span style="color:#222554;">Text here</span>
This paragraph has a background color of #222554.
<p style="background-color:#222554;">Content here</p>
This element has a border color of #222554.
<div style="border:1px solid #222554;">Content here</div>
.text {color:#222554;}
.background {background-color:#222554;}
.border {border:1px solid #222554;}
Shades and Tints of #222554
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, #000000 is the darkest color, while #f1f2f9 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#06060e
#06060e
rgb(6,6,14)
-
#0b0c1c
#0b0c1c
rgb(11,12,28)
-
#11132a
#11132a
rgb(17,19,42)
-
#171938
#171938
rgb(23,25,56)
-
#1c1f46
#1c1f46
rgb(28,31,70)
-
#222554
#222554
rgb(34,37,84)
-
#282b62
#282b62
rgb(40,43,98)
-
#2d3170
#2d3170
rgb(45,49,112)
-
#33377e
#33377e
rgb(51,55,126)
-
#393e8c
#393e8c
rgb(57,62,140)
-
#3e449a
#3e449a
rgb(62,68,154)
-
#444aa8
#444aa8
rgb(68,74,168)
-
#4a50b6
#4a50b6
rgb(74,80,182)
-
#585ebb
#585ebb
rgb(88,94,187)
-
#666bc1
#666bc1
rgb(102,107,193)
-
#7479c7
#7479c7
rgb(116,121,199)
-
#8286cc
#8286cc
rgb(130,134,204)
-
#9093d2
#9093d2
rgb(144,147,210)
-
#9da1d8
#9da1d8
rgb(157,161,216)
-
#abaedd
#abaedd
rgb(171,174,221)
-
#b9bce3
#b9bce3
rgb(185,188,227)
-
#c7c9e8
#c7c9e8
rgb(199,201,232)
-
#d5d7ee
#d5d7ee
rgb(213,215,238)
-
#e3e4f4
#e3e4f4
rgb(227,228,244)
-
#f1f2f9
#f1f2f9
rgb(241,242,249)
Tones of #222554
A tone is produced by adding gray to any pure hue. In this case, #39393d is the less saturated color, while #020974 is the most saturated one.
-
#39393d
#39393d
rgb(57,57,61)
-
#343542
#343542
rgb(52,53,66)
-
#303146
#303146
rgb(48,49,70)
-
#2b2d4b
#2b2d4b
rgb(43,45,75)
-
#27294f
#27294f
rgb(39,41,79)
-
#222554
#222554
rgb(34,37,84)
-
#1d2159
#1d2159
rgb(29,33,89)
-
#191d5d
#191d5d
rgb(25,29,93)
-
#141962
#141962
rgb(20,25,98)
-
#101566
#101566
rgb(16,21,102)
-
#0b116b
#0b116b
rgb(11,17,107)
-
#070d6f
#070d6f
rgb(7,13,111)
-
#020974
#020974
rgb(2,9,116)
Color Blindness Simulator
Below, you can see how #222554 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.