#222a30 Color Information
In a RGB color space, hex #222a30 is composed of 13.3% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 12.5% magenta, 0% yellow and 81.2% black. It has a hue angle of 205.7 degrees, a saturation of 17.1% and a lightness of 16.1%. #222a30 color hex could be obtained by blending #445460 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 16
- B 19
-
- C 29
- M 13
- Y 0
- K 81
● #222a30 color description : Very dark (mostly black) blue.
#222a30 Color Conversion
The hexadecimal color #222a30 has RGB values of R:34, G:42, B:48 and CMYK values of C:0.29, M:0.13, Y:0, K:0.81. Its decimal value is 2239024.
Hex triplet | 222a30 | #222a30 |
---|---|---|
RGB Decimal | 34, 42, 48 | rgb(34,42,48) |
RGB Percent | 13.3, 16.5, 18.8 | rgb(13.3%,16.5%,18.8%) |
CMYK | 29, 13, 0, 81 | |
HSL | 205.7°, 17.1, 16.1 | hsl(205.7,17.1%,16.1%) |
HSV (or HSB) | 205.7°, 29.2, 18.8 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 16.55, -1.78, -5.056 |
---|---|
XYZ | 2.021, 2.209, 3.116 |
xyY | 0.275, 0.301, 2.209 |
CIE-LCH | 16.55, 5.36, 250.609 |
CIE-LUV | 16.55, -3.488, -4.647 |
Hunter-Lab | 14.864, -1.741, -2.025 |
Binary | 00100010, 00101010, 00110000 |
Color Schemes with #222a30
Alternatives to #222a30
Below, you can see some colors close to #222a30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222a30 Preview
This text has a font color of #222a30.
<span style="color:#222a30;">Text here</span>
This paragraph has a background color of #222a30.
<p style="background-color:#222a30;">Content here</p>
This element has a border color of #222a30.
<div style="border:1px solid #222a30;">Content here</div>
.text {color:#222a30;}
.background {background-color:#222a30;}
.border {border:1px solid #222a30;}
Shades and Tints of #222a30
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, #010202 is the darkest color, while #f6f7f8 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#0a0c0e
#0a0c0e
rgb(10,12,14)
-
#121619
#121619
rgb(18,22,25)
-
#1a2025
#1a2025
rgb(26,32,37)
-
#222a30
#222a30
rgb(34,42,48)
-
#2a343b
#2a343b
rgb(42,52,59)
-
#323e47
#323e47
rgb(50,62,71)
-
#3a4852
#3a4852
rgb(58,72,82)
-
#43525e
#43525e
rgb(67,82,94)
-
#4b5c69
#4b5c69
rgb(75,92,105)
-
#536675
#536675
rgb(83,102,117)
-
#5b7080
#5b7080
rgb(91,112,128)
-
#637a8c
#637a8c
rgb(99,122,140)
-
#6c8497
#6c8497
rgb(108,132,151)
-
#778e9f
#778e9f
rgb(119,142,159)
-
#8397a7
#8397a7
rgb(131,151,167)
-
#8ea1af
#8ea1af
rgb(142,161,175)
-
#9aabb7
#9aabb7
rgb(154,171,183)
-
#a5b4bf
#a5b4bf
rgb(165,180,191)
-
#b1bec8
#b1bec8
rgb(177,190,200)
-
#bcc7d0
#bcc7d0
rgb(188,199,208)
-
#c8d1d8
#c8d1d8
rgb(200,209,216)
-
#d3dae0
#d3dae0
rgb(211,218,224)
-
#dfe4e8
#dfe4e8
rgb(223,228,232)
-
#eaeef0
#eaeef0
rgb(234,238,240)
-
#f6f7f8
#f6f7f8
rgb(246,247,248)
Tones of #222a30
A tone is produced by adding gray to any pure hue. In this case, #28292a is the less saturated color, while #022f50 is the most saturated one.
-
#28292a
#28292a
rgb(40,41,42)
-
#252a2d
#252a2d
rgb(37,42,45)
-
#222a30
#222a30
rgb(34,42,48)
-
#1f2a33
#1f2a33
rgb(31,42,51)
-
#1c2b36
#1c2b36
rgb(28,43,54)
-
#192b39
#192b39
rgb(25,43,57)
-
#152c3d
#152c3d
rgb(21,44,61)
-
#122c40
#122c40
rgb(18,44,64)
-
#0f2d43
#0f2d43
rgb(15,45,67)
-
#0c2d46
#0c2d46
rgb(12,45,70)
-
#092e49
#092e49
rgb(9,46,73)
-
#062e4c
#062e4c
rgb(6,46,76)
-
#022f50
#022f50
rgb(2,47,80)
Color Blindness Simulator
Below, you can see how #222a30 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.