#224699 Color Information
In a RGB color space, hex #224699 is composed of 13.3% red, 27.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 54.2% magenta, 0% yellow and 40% black. It has a hue angle of 221.8 degrees, a saturation of 63.6% and a lightness of 36.7%. #224699 color hex could be obtained by blending #448cff with #000033. Closest websafe color is: #333399.
-
- R 13
- G 27
- B 60
-
- C 78
- M 54
- Y 0
- K 40
● #224699 color description : Dark blue.
#224699 Color Conversion
The hexadecimal color #224699 has RGB values of R:34, G:70, B:153 and CMYK values of C:0.78, M:0.54, Y:0, K:0.4. Its decimal value is 2246297.
Hex triplet | 224699 | #224699 |
---|---|---|
RGB Decimal | 34, 70, 153 | rgb(34,70,153) |
RGB Percent | 13.3, 27.5, 60 | rgb(13.3%,27.5%,60%) |
CMYK | 78, 54, 0, 40 | |
HSL | 221.8°, 63.6, 36.7 | hsl(221.8,63.6%,36.7%) |
HSV (or HSB) | 221.8°, 77.8, 60 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.852, 18.198, -49.122 |
---|---|
XYZ | 8.598, 7.02, 31.037 |
xyY | 0.184, 0.15, 7.02 |
CIE-LCH | 31.852, 52.384, 290.328 |
CIE-LUV | 31.852, -13.122, -67.552 |
Hunter-Lab | 26.495, 11.563, -50.909 |
Binary | 00100010, 01000110, 10011001 |
Color Schemes with #224699
Alternatives to #224699
Below, you can see some colors close to #224699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224699 Preview
This text has a font color of #224699.
<span style="color:#224699;">Text here</span>
This paragraph has a background color of #224699.
<p style="background-color:#224699;">Content here</p>
This element has a border color of #224699.
<div style="border:1px solid #224699;">Content here</div>
.text {color:#224699;}
.background {background-color:#224699;}
.border {border:1px solid #224699;}
Shades and Tints of #224699
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, #020409 is the darkest color, while #f8f9fd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#050b19
#050b19
rgb(5,11,25)
-
#091329
#091329
rgb(9,19,41)
-
#0d1a39
#0d1a39
rgb(13,26,57)
-
#102149
#102149
rgb(16,33,73)
-
#142959
#142959
rgb(20,41,89)
-
#173069
#173069
rgb(23,48,105)
-
#1b3779
#1b3779
rgb(27,55,121)
-
#1e3f89
#1e3f89
rgb(30,63,137)
-
#224699
#224699
rgb(34,70,153)
-
#264da9
#264da9
rgb(38,77,169)
-
#2955b9
#2955b9
rgb(41,85,185)
-
#2d5cc9
#2d5cc9
rgb(45,92,201)
-
#3766d3
#3766d3
rgb(55,102,211)
-
#4772d6
#4772d6
rgb(71,114,214)
-
#577fda
#577fda
rgb(87,127,218)
-
#678bdd
#678bdd
rgb(103,139,221)
-
#7797e1
#7797e1
rgb(119,151,225)
-
#87a3e4
#87a3e4
rgb(135,163,228)
-
#97b0e8
#97b0e8
rgb(151,176,232)
-
#a7bcec
#a7bcec
rgb(167,188,236)
-
#b7c8ef
#b7c8ef
rgb(183,200,239)
-
#c7d4f3
#c7d4f3
rgb(199,212,243)
-
#d7e1f6
#d7e1f6
rgb(215,225,246)
-
#e7edfa
#e7edfa
rgb(231,237,250)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #224699
A tone is produced by adding gray to any pure hue. In this case, #5c5d5f is the less saturated color, while #053bb6 is the most saturated one.
-
#5c5d5f
#5c5d5f
rgb(92,93,95)
-
#545a67
#545a67
rgb(84,90,103)
-
#4d576e
#4d576e
rgb(77,87,110)
-
#465475
#465475
rgb(70,84,117)
-
#3f517c
#3f517c
rgb(63,81,124)
-
#384f83
#384f83
rgb(56,79,131)
-
#304c8b
#304c8b
rgb(48,76,139)
-
#294992
#294992
rgb(41,73,146)
-
#224699
#224699
rgb(34,70,153)
-
#1b43a0
#1b43a0
rgb(27,67,160)
-
#1440a7
#1440a7
rgb(20,64,167)
-
#0c3daf
#0c3daf
rgb(12,61,175)
-
#053bb6
#053bb6
rgb(5,59,182)
Color Blindness Simulator
Below, you can see how #224699 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.