#224a88 Color Information
In a RGB color space, hex #224a88 is composed of 13.3% red, 29% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 45.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 216.5 degrees, a saturation of 60% and a lightness of 33.3%. #224a88 color hex could be obtained by blending #4494ff with #000011. Closest websafe color is: #333399.
-
- R 13
- G 29
- B 53
-
- C 75
- M 46
- Y 0
- K 47
● #224a88 color description : Dark blue.
#224a88 Color Conversion
The hexadecimal color #224a88 has RGB values of R:34, G:74, B:136 and CMYK values of C:0.75, M:0.46, Y:0, K:0.47. Its decimal value is 2247304.
Hex triplet | 224a88 | #224a88 |
---|---|---|
RGB Decimal | 34, 74, 136 | rgb(34,74,136) |
RGB Percent | 13.3, 29, 53.3 | rgb(13.3%,29%,53.3%) |
CMYK | 75, 46, 0, 47 | |
HSL | 216.5°, 60, 33.3 | hsl(216.5,60%,33.3%) |
HSV (or HSB) | 216.5°, 75, 53.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.84, 8.74, -38.743 |
---|---|
XYZ | 7.551, 7.015, 24.247 |
xyY | 0.195, 0.181, 7.015 |
CIE-LCH | 31.84, 39.717, 282.712 |
CIE-LUV | 31.84, -14.495, -52.993 |
Hunter-Lab | 26.485, 4.544, -35.74 |
Binary | 00100010, 01001010, 10001000 |
Color Schemes with #224a88
Alternatives to #224a88
Below, you can see some colors close to #224a88. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224a88 Preview
This text has a font color of #224a88.
<span style="color:#224a88;">Text here</span>
This paragraph has a background color of #224a88.
<p style="background-color:#224a88;">Content here</p>
This element has a border color of #224a88.
<div style="border:1px solid #224a88;">Content here</div>
.text {color:#224a88;}
.background {background-color:#224a88;}
.border {border:1px solid #224a88;}
Shades and Tints of #224a88
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, #03060a is the darkest color, while #fafbfe is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#070e1a
#070e1a
rgb(7,14,26)
-
#0a172a
#0a172a
rgb(10,23,42)
-
#0e1f3a
#0e1f3a
rgb(14,31,58)
-
#122849
#122849
rgb(18,40,73)
-
#163059
#163059
rgb(22,48,89)
-
#1a3969
#1a3969
rgb(26,57,105)
-
#1e4178
#1e4178
rgb(30,65,120)
-
#224a88
#224a88
rgb(34,74,136)
-
#265398
#265398
rgb(38,83,152)
-
#2a5ba7
#2a5ba7
rgb(42,91,167)
-
#2e64b7
#2e64b7
rgb(46,100,183)
-
#326cc7
#326cc7
rgb(50,108,199)
-
#3d76cf
#3d76cf
rgb(61,118,207)
-
#4d81d3
#4d81d3
rgb(77,129,211)
-
#5d8dd6
#5d8dd6
rgb(93,141,214)
-
#6d98da
#6d98da
rgb(109,152,218)
-
#7ca3de
#7ca3de
rgb(124,163,222)
-
#8caee2
#8caee2
rgb(140,174,226)
-
#9cb9e6
#9cb9e6
rgb(156,185,230)
-
#abc4ea
#abc4ea
rgb(171,196,234)
-
#bbcfee
#bbcfee
rgb(187,207,238)
-
#cbdaf2
#cbdaf2
rgb(203,218,242)
-
#dae5f6
#dae5f6
rgb(218,229,246)
-
#eaf0fa
#eaf0fa
rgb(234,240,250)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #224a88
A tone is produced by adding gray to any pure hue. In this case, #50545a is the less saturated color, while #0143a9 is the most saturated one.
-
#50545a
#50545a
rgb(80,84,90)
-
#495261
#495261
rgb(73,82,97)
-
#435167
#435167
rgb(67,81,103)
-
#3c506e
#3c506e
rgb(60,80,110)
-
#364e74
#364e74
rgb(54,78,116)
-
#2f4d7b
#2f4d7b
rgb(47,77,123)
-
#294b81
#294b81
rgb(41,75,129)
-
#224a88
#224a88
rgb(34,74,136)
-
#1b498f
#1b498f
rgb(27,73,143)
-
#154795
#154795
rgb(21,71,149)
-
#0e469c
#0e469c
rgb(14,70,156)
-
#0844a2
#0844a2
rgb(8,68,162)
-
#0143a9
#0143a9
rgb(1,67,169)
Color Blindness Simulator
Below, you can see how #224a88 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.