#22348e Color Information
In a RGB color space, hex #22348e is composed of 13.3% red, 20.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 63.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 230 degrees, a saturation of 61.4% and a lightness of 34.5%. #22348e color hex could be obtained by blending #4468ff with #00001d. Closest websafe color is: #333399.
-
- R 13
- G 20
- B 56
-
- C 76
- M 63
- Y 0
- K 44
● #22348e color description : Dark blue.
#22348e Color Conversion
The hexadecimal color #22348e has RGB values of R:34, G:52, B:142 and CMYK values of C:0.76, M:0.63, Y:0, K:0.44. Its decimal value is 2241678.
Hex triplet | 22348e | #22348e |
---|---|---|
RGB Decimal | 34, 52, 142 | rgb(34,52,142) |
RGB Percent | 13.3, 20.4, 55.7 | rgb(13.3%,20.4%,55.7%) |
CMYK | 76, 63, 0, 44 | |
HSL | 230°, 61.4, 34.5 | hsl(230,61.4%,34.5%) |
HSV (or HSB) | 230°, 76.1, 55.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.006, 26.192, -51.893 |
---|---|
XYZ | 6.769, 4.749, 26.15 |
xyY | 0.18, 0.126, 4.749 |
CIE-LCH | 26.006, 58.128, 296.782 |
CIE-LUV | 26.006, -8.373, -65.98 |
Hunter-Lab | 21.791, 17.314, -55.894 |
Binary | 00100010, 00110100, 10001110 |
Color Schemes with #22348e
Alternatives to #22348e
Below, you can see some colors close to #22348e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22348e Preview
This text has a font color of #22348e.
<span style="color:#22348e;">Text here</span>
This paragraph has a background color of #22348e.
<p style="background-color:#22348e;">Content here</p>
This element has a border color of #22348e.
<div style="border:1px solid #22348e;">Content here</div>
.text {color:#22348e;}
.background {background-color:#22348e;}
.border {border:1px solid #22348e;}
Shades and Tints of #22348e
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, #04060f is the darkest color, while #ffffff is the lightest one.
-
#04060f
#04060f
rgb(4,6,15)
-
#070b1f
#070b1f
rgb(7,11,31)
-
#0b112f
#0b112f
rgb(11,17,47)
-
#0f173f
#0f173f
rgb(15,23,63)
-
#131d4f
#131d4f
rgb(19,29,79)
-
#17235f
#17235f
rgb(23,35,95)
-
#1a286e
#1a286e
rgb(26,40,110)
-
#1e2e7e
#1e2e7e
rgb(30,46,126)
-
#22348e
#22348e
rgb(34,52,142)
-
#263a9e
#263a9e
rgb(38,58,158)
-
#2a40ae
#2a40ae
rgb(42,64,174)
-
#2d45bd
#2d45bd
rgb(45,69,189)
-
#314bcd
#314bcd
rgb(49,75,205)
-
#4159d1
#4159d1
rgb(65,89,209)
-
#5067d5
#5067d5
rgb(80,103,213)
-
#6074d9
#6074d9
rgb(96,116,217)
-
#7082dd
#7082dd
rgb(112,130,221)
-
#8090e1
#8090e1
rgb(128,144,225)
-
#909ee4
#909ee4
rgb(144,158,228)
-
#a0ace8
#a0ace8
rgb(160,172,232)
-
#afbaec
#afbaec
rgb(175,186,236)
-
#bfc7f0
#bfc7f0
rgb(191,199,240)
-
#cfd5f4
#cfd5f4
rgb(207,213,244)
-
#dfe3f7
#dfe3f7
rgb(223,227,247)
-
#eff1fb
#eff1fb
rgb(239,241,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #22348e
A tone is produced by adding gray to any pure hue. In this case, #51545f is the less saturated color, while #001db0 is the most saturated one.
-
#51545f
#51545f
rgb(81,84,95)
-
#4b4f65
#4b4f65
rgb(75,79,101)
-
#444b6c
#444b6c
rgb(68,75,108)
-
#3d4673
#3d4673
rgb(61,70,115)
-
#36427a
#36427a
rgb(54,66,122)
-
#303d80
#303d80
rgb(48,61,128)
-
#293987
#293987
rgb(41,57,135)
-
#22348e
#22348e
rgb(34,52,142)
-
#1b2f95
#1b2f95
rgb(27,47,149)
-
#142b9c
#142b9c
rgb(20,43,156)
-
#0e26a2
#0e26a2
rgb(14,38,162)
-
#0722a9
#0722a9
rgb(7,34,169)
-
#001db0
#001db0
rgb(0,29,176)
Color Blindness Simulator
Below, you can see how #22348e 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.