#224688 Color Information
In a RGB color space, hex #224688 is composed of 13.3% red, 27.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 48.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 218.8 degrees, a saturation of 60% and a lightness of 33.3%. #224688 color hex could be obtained by blending #448cff with #000011. Closest websafe color is: #333399.
-
- R 13
- G 27
- B 53
-
- C 75
- M 49
- Y 0
- K 47
● #224688 color description : Dark blue.
#224688 Color Conversion
The hexadecimal color #224688 has RGB values of R:34, G:70, B:136 and CMYK values of C:0.75, M:0.49, Y:0, K:0.47. Its decimal value is 2246280.
Hex triplet | 224688 | #224688 |
---|---|---|
RGB Decimal | 34, 70, 136 | rgb(34,70,136) |
RGB Percent | 13.3, 27.5, 53.3 | rgb(13.3%,27.5%,53.3%) |
CMYK | 75, 49, 0, 47 | |
HSL | 218.8°, 60, 33.3 | hsl(218.8,60%,33.3%) |
HSV (or HSB) | 218.8°, 75, 53.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.634, 11.456, -40.679 |
---|---|
XYZ | 7.293, 6.497, 24.161 |
xyY | 0.192, 0.171, 6.497 |
CIE-LCH | 30.634, 42.261, 285.728 |
CIE-LUV | 30.634, -13.242, -55.117 |
Hunter-Lab | 25.49, 6.462, -38.355 |
Binary | 00100010, 01000110, 10001000 |
Color Schemes with #224688
Alternatives to #224688
Below, you can see some colors close to #224688. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224688 Preview
This text has a font color of #224688.
<span style="color:#224688;">Text here</span>
This paragraph has a background color of #224688.
<p style="background-color:#224688;">Content here</p>
This element has a border color of #224688.
<div style="border:1px solid #224688;">Content here</div>
.text {color:#224688;}
.background {background-color:#224688;}
.border {border:1px solid #224688;}
Shades and Tints of #224688
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, #03050a is the darkest color, while #fafbfe is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070d1a
#070d1a
rgb(7,13,26)
-
#0a162a
#0a162a
rgb(10,22,42)
-
#0e1e3a
#0e1e3a
rgb(14,30,58)
-
#122649
#122649
rgb(18,38,73)
-
#162e59
#162e59
rgb(22,46,89)
-
#1a3669
#1a3669
rgb(26,54,105)
-
#1e3e78
#1e3e78
rgb(30,62,120)
-
#224688
#224688
rgb(34,70,136)
-
#264e98
#264e98
rgb(38,78,152)
-
#2a56a7
#2a56a7
rgb(42,86,167)
-
#2e5eb7
#2e5eb7
rgb(46,94,183)
-
#3266c7
#3266c7
rgb(50,102,199)
-
#3d71cf
#3d71cf
rgb(61,113,207)
-
#4d7cd3
#4d7cd3
rgb(77,124,211)
-
#5d88d6
#5d88d6
rgb(93,136,214)
-
#6d93da
#6d93da
rgb(109,147,218)
-
#7c9fde
#7c9fde
rgb(124,159,222)
-
#8caae2
#8caae2
rgb(140,170,226)
-
#9cb6e6
#9cb6e6
rgb(156,182,230)
-
#abc1ea
#abc1ea
rgb(171,193,234)
-
#bbcdee
#bbcdee
rgb(187,205,238)
-
#cbd9f2
#cbd9f2
rgb(203,217,242)
-
#dae4f6
#dae4f6
rgb(218,228,246)
-
#eaf0fa
#eaf0fa
rgb(234,240,250)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #224688
A tone is produced by adding gray to any pure hue. In this case, #50535a is the less saturated color, while #013ca9 is the most saturated one.
-
#50535a
#50535a
rgb(80,83,90)
-
#495261
#495261
rgb(73,82,97)
-
#435067
#435067
rgb(67,80,103)
-
#3c4e6e
#3c4e6e
rgb(60,78,110)
-
#364c74
#364c74
rgb(54,76,116)
-
#2f4a7b
#2f4a7b
rgb(47,74,123)
-
#294881
#294881
rgb(41,72,129)
-
#224688
#224688
rgb(34,70,136)
-
#1b448f
#1b448f
rgb(27,68,143)
-
#154295
#154295
rgb(21,66,149)
-
#0e409c
#0e409c
rgb(14,64,156)
-
#083ea2
#083ea2
rgb(8,62,162)
-
#013ca9
#013ca9
rgb(1,60,169)
Color Blindness Simulator
Below, you can see how #224688 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.