#222533 Color Information
In a RGB color space, hex #222533 is composed of 13.3% red, 14.5% green and 20% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 27.5% magenta, 0% yellow and 80% black. It has a hue angle of 229.4 degrees, a saturation of 20% and a lightness of 16.7%. #222533 color hex could be obtained by blending #444a66 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 15
- B 20
-
- C 33
- M 27
- Y 0
- K 80
● #222533 color description : Very dark grayish blue.
#222533 Color Conversion
The hexadecimal color #222533 has RGB values of R:34, G:37, B:51 and CMYK values of C:0.33, M:0.27, Y:0, K:0.8. Its decimal value is 2237747.
Hex triplet | 222533 | #222533 |
---|---|---|
RGB Decimal | 34, 37, 51 | rgb(34,37,51) |
RGB Percent | 13.3, 14.5, 20 | rgb(13.3%,14.5%,20%) |
CMYK | 33, 27, 0, 80 | |
HSL | 229.4°, 20, 16.7 | hsl(229.4,20%,16.7%) |
HSV (or HSB) | 229.4°, 33.3, 20 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 14.965, 2.67, -9.578 |
---|---|
XYZ | 1.919, 1.902, 3.398 |
xyY | 0.266, 0.264, 1.902 |
CIE-LCH | 14.965, 9.943, 285.577 |
CIE-LUV | 14.965, -1.754, -9.17 |
Hunter-Lab | 13.792, 0.696, -4.953 |
Binary | 00100010, 00100101, 00110011 |
Color Schemes with #222533
Alternatives to #222533
Below, you can see some colors close to #222533. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222533 Preview
This text has a font color of #222533.
<span style="color:#222533;">Text here</span>
This paragraph has a background color of #222533.
<p style="background-color:#222533;">Content here</p>
This element has a border color of #222533.
<div style="border:1px solid #222533;">Content here</div>
.text {color:#222533;}
.background {background-color:#222533;}
.border {border:1px solid #222533;}
Shades and Tints of #222533
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, #030304 is the darkest color, while #f7f8fa is the lightest one.
-
#030304
#030304
rgb(3,3,4)
-
#0a0b10
#0a0b10
rgb(10,11,16)
-
#12141b
#12141b
rgb(18,20,27)
-
#1a1c27
#1a1c27
rgb(26,28,39)
-
#222533
#222533
rgb(34,37,51)
-
#2a2e3f
#2a2e3f
rgb(42,46,63)
-
#32364b
#32364b
rgb(50,54,75)
-
#3a3f56
#3a3f56
rgb(58,63,86)
-
#414762
#414762
rgb(65,71,98)
-
#49506e
#49506e
rgb(73,80,110)
-
#51587a
#51587a
rgb(81,88,122)
-
#596185
#596185
rgb(89,97,133)
-
#616991
#616991
rgb(97,105,145)
-
#6a739c
#6a739c
rgb(106,115,156)
-
#767ea3
#767ea3
rgb(118,126,163)
-
#8189ab
#8189ab
rgb(129,137,171)
-
#8d94b3
#8d94b3
rgb(141,148,179)
-
#999fbb
#999fbb
rgb(153,159,187)
-
#a5aac3
#a5aac3
rgb(165,170,195)
-
#b1b5cb
#b1b5cb
rgb(177,181,203)
-
#bcc0d3
#bcc0d3
rgb(188,192,211)
-
#c8cbda
#c8cbda
rgb(200,203,218)
-
#d4d6e2
#d4d6e2
rgb(212,214,226)
-
#e0e1ea
#e0e1ea
rgb(224,225,234)
-
#ebedf2
#ebedf2
rgb(235,237,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #222533
A tone is produced by adding gray to any pure hue. In this case, #29292c is the less saturated color, while #011054 is the most saturated one.
-
#29292c
#29292c
rgb(41,41,44)
-
#252730
#252730
rgb(37,39,48)
-
#222533
#222533
rgb(34,37,51)
-
#1f2336
#1f2336
rgb(31,35,54)
-
#1b213a
#1b213a
rgb(27,33,58)
-
#181f3d
#181f3d
rgb(24,31,61)
-
#151d40
#151d40
rgb(21,29,64)
-
#121a43
#121a43
rgb(18,26,67)
-
#0e1847
#0e1847
rgb(14,24,71)
-
#0b164a
#0b164a
rgb(11,22,74)
-
#08144d
#08144d
rgb(8,20,77)
-
#051250
#051250
rgb(5,18,80)
-
#011054
#011054
rgb(1,16,84)
Color Blindness Simulator
Below, you can see how #222533 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.