#222232 Color Information
In a RGB color space, hex #222232 is composed of 13.3% red, 13.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 32% magenta, 0% yellow and 80.4% black. It has a hue angle of 240 degrees, a saturation of 19% and a lightness of 16.5%. #222232 color hex could be obtained by blending #444464 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 13
- B 20
-
- C 32
- M 32
- Y 0
- K 80
● #222232 color description : Very dark (mostly black) blue.
#222232 Color Conversion
The hexadecimal color #222232 has RGB values of R:34, G:34, B:50 and CMYK values of C:0.32, M:0.32, Y:0, K:0.8. Its decimal value is 2236978.
Hex triplet | 222232 | #222232 |
---|---|---|
RGB Decimal | 34, 34, 50 | rgb(34,34,50) |
RGB Percent | 13.3, 13.3, 19.6 | rgb(13.3%,13.3%,19.6%) |
CMYK | 32, 32, 0, 80 | |
HSL | 240°, 19, 16.5 | hsl(240,19%,16.5%) |
HSV (or HSB) | 240°, 32, 19.6 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 13.911, 4.529, -10.489 |
---|---|
XYZ | 1.807, 1.714, 3.253 |
xyY | 0.267, 0.253, 1.714 |
CIE-LCH | 13.911, 11.425, 293.355 |
CIE-LUV | 13.911, -0.712, -9.853 |
Hunter-Lab | 13.094, 1.725, -5.565 |
Binary | 00100010, 00100010, 00110010 |
Color Schemes with #222232
Alternatives to #222232
Below, you can see some colors close to #222232. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222232 Preview
This text has a font color of #222232.
<span style="color:#222232;">Text here</span>
This paragraph has a background color of #222232.
<p style="background-color:#222232;">Content here</p>
This element has a border color of #222232.
<div style="border:1px solid #222232;">Content here</div>
.text {color:#222232;}
.background {background-color:#222232;}
.border {border:1px solid #222232;}
Shades and Tints of #222232
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, #020203 is the darkest color, while #f7f7f9 is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#0a0a0f
#0a0a0f
rgb(10,10,15)
-
#12121b
#12121b
rgb(18,18,27)
-
#1a1a26
#1a1a26
rgb(26,26,38)
-
#222232
#222232
rgb(34,34,50)
-
#2a2a3e
#2a2a3e
rgb(42,42,62)
-
#323249
#323249
rgb(50,50,73)
-
#3a3a55
#3a3a55
rgb(58,58,85)
-
#424261
#424261
rgb(66,66,97)
-
#4a4a6c
#4a4a6c
rgb(74,74,108)
-
#525278
#525278
rgb(82,82,120)
-
#5a5a84
#5a5a84
rgb(90,90,132)
-
#62628f
#62628f
rgb(98,98,143)
-
#6b6b9a
#6b6b9a
rgb(107,107,154)
-
#7676a2
#7676a2
rgb(118,118,162)
-
#8282aa
#8282aa
rgb(130,130,170)
-
#8e8eb2
#8e8eb2
rgb(142,142,178)
-
#9999ba
#9999ba
rgb(153,153,186)
-
#a5a5c2
#a5a5c2
rgb(165,165,194)
-
#b1b1ca
#b1b1ca
rgb(177,177,202)
-
#bcbcd2
#bcbcd2
rgb(188,188,210)
-
#c8c8da
#c8c8da
rgb(200,200,218)
-
#d4d4e1
#d4d4e1
rgb(212,212,225)
-
#dfdfe9
#dfdfe9
rgb(223,223,233)
-
#ebebf1
#ebebf1
rgb(235,235,241)
-
#f7f7f9
#f7f7f9
rgb(247,247,249)
Tones of #222232
A tone is produced by adding gray to any pure hue. In this case, #28282c is the less saturated color, while #020252 is the most saturated one.
-
#28282c
#28282c
rgb(40,40,44)
-
#25252f
#25252f
rgb(37,37,47)
-
#222232
#222232
rgb(34,34,50)
-
#1f1f35
#1f1f35
rgb(31,31,53)
-
#1c1c38
#1c1c38
rgb(28,28,56)
-
#18183c
#18183c
rgb(24,24,60)
-
#15153f
#15153f
rgb(21,21,63)
-
#121242
#121242
rgb(18,18,66)
-
#0f0f45
#0f0f45
rgb(15,15,69)
-
#0b0b49
#0b0b49
rgb(11,11,73)
-
#08084c
#08084c
rgb(8,8,76)
-
#05054f
#05054f
rgb(5,5,79)
-
#020252
#020252
rgb(2,2,82)
Color Blindness Simulator
Below, you can see how #222232 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.