#224498 Color Information
In a RGB color space, hex #224498 is composed of 13.3% red, 26.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 55.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 222.7 degrees, a saturation of 63.4% and a lightness of 36.5%. #224498 color hex could be obtained by blending #4488ff with #000031. Closest websafe color is: #333399.
-
- R 13
- G 27
- B 60
-
- C 78
- M 55
- Y 0
- K 40
● #224498 color description : Dark blue.
#224498 Color Conversion
The hexadecimal color #224498 has RGB values of R:34, G:68, B:152 and CMYK values of C:0.78, M:0.55, Y:0, K:0.4. Its decimal value is 2245784.
Hex triplet | 224498 | #224498 |
---|---|---|
RGB Decimal | 34, 68, 152 | rgb(34,68,152) |
RGB Percent | 13.3, 26.7, 59.6 | rgb(13.3%,26.7%,59.6%) |
CMYK | 78, 55, 0, 40 | |
HSL | 222.7°, 63.4, 36.5 | hsl(222.7,63.4%,36.5%) |
HSV (or HSB) | 222.7°, 77.6, 59.6 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.209, 19.166, -49.555 |
---|---|
XYZ | 8.393, 6.741, 30.563 |
xyY | 0.184, 0.148, 6.741 |
CIE-LCH | 31.209, 53.133, 291.145 |
CIE-LUV | 31.209, -12.566, -67.675 |
Hunter-Lab | 25.963, 12.269, -51.621 |
Binary | 00100010, 01000100, 10011000 |
Color Schemes with #224498
Alternatives to #224498
Below, you can see some colors close to #224498. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224498 Preview
This text has a font color of #224498.
<span style="color:#224498;">Text here</span>
This paragraph has a background color of #224498.
<p style="background-color:#224498;">Content here</p>
This element has a border color of #224498.
<div style="border:1px solid #224498;">Content here</div>
.text {color:#224498;}
.background {background-color:#224498;}
.border {border:1px solid #224498;}
Shades and Tints of #224498
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, #020308 is the darkest color, while #f7f9fd is the lightest one.
-
#020308
#020308
rgb(2,3,8)
-
#050b18
#050b18
rgb(5,11,24)
-
#091228
#091228
rgb(9,18,40)
-
#0c1938
#0c1938
rgb(12,25,56)
-
#102048
#102048
rgb(16,32,72)
-
#142758
#142758
rgb(20,39,88)
-
#172e68
#172e68
rgb(23,46,104)
-
#1b3678
#1b3678
rgb(27,54,120)
-
#1e3d88
#1e3d88
rgb(30,61,136)
-
#224498
#224498
rgb(34,68,152)
-
#264ba8
#264ba8
rgb(38,75,168)
-
#2952b8
#2952b8
rgb(41,82,184)
-
#2d5ac8
#2d5ac8
rgb(45,90,200)
-
#3663d2
#3663d2
rgb(54,99,210)
-
#4670d6
#4670d6
rgb(70,112,214)
-
#567cd9
#567cd9
rgb(86,124,217)
-
#6689dd
#6689dd
rgb(102,137,221)
-
#7695e0
#7695e0
rgb(118,149,224)
-
#86a1e4
#86a1e4
rgb(134,161,228)
-
#97aee8
#97aee8
rgb(151,174,232)
-
#a7baeb
#a7baeb
rgb(167,186,235)
-
#b7c7ef
#b7c7ef
rgb(183,199,239)
-
#c7d3f2
#c7d3f2
rgb(199,211,242)
-
#d7e0f6
#d7e0f6
rgb(215,224,246)
-
#e7ecfa
#e7ecfa
rgb(231,236,250)
-
#f7f9fd
#f7f9fd
rgb(247,249,253)
Tones of #224498
A tone is produced by adding gray to any pure hue. In this case, #5b5c5f is the less saturated color, while #0538b5 is the most saturated one.
-
#5b5c5f
#5b5c5f
rgb(91,92,95)
-
#545966
#545966
rgb(84,89,102)
-
#4d566d
#4d566d
rgb(77,86,109)
-
#465374
#465374
rgb(70,83,116)
-
#3f507b
#3f507b
rgb(63,80,123)
-
#374d83
#374d83
rgb(55,77,131)
-
#304a8a
#304a8a
rgb(48,74,138)
-
#294791
#294791
rgb(41,71,145)
-
#224498
#224498
rgb(34,68,152)
-
#1b419f
#1b419f
rgb(27,65,159)
-
#143ea6
#143ea6
rgb(20,62,166)
-
#0d3bad
#0d3bad
rgb(13,59,173)
-
#0538b5
#0538b5
rgb(5,56,181)
Color Blindness Simulator
Below, you can see how #224498 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.