#4472aa Color Information
In a RGB color space, hex #4472aa is composed of 26.7% red, 44.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 32.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 212.9 degrees, a saturation of 42.9% and a lightness of 46.7%. #4472aa color hex could be obtained by blending #88e4ff with #000055. Closest websafe color is: #336699.
-
- R 27
- G 45
- B 67
-
- C 60
- M 33
- Y 0
- K 33
● #4472aa color description : Dark moderate blue.
#4472aa Color Conversion
The hexadecimal color #4472aa has RGB values of R:68, G:114, B:170 and CMYK values of C:0.6, M:0.33, Y:0, K:0.33. Its decimal value is 4485802.
Hex triplet | 4472aa | #4472aa |
---|---|---|
RGB Decimal | 68, 114, 170 | rgb(68,114,170) |
RGB Percent | 26.7, 44.7, 66.7 | rgb(26.7%,44.7%,66.7%) |
CMYK | 60, 33, 0, 33 | |
HSL | 212.9°, 42.9, 46.7 | hsl(212.9,42.9%,46.7%) |
HSV (or HSB) | 212.9°, 60, 66.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 47.19, 1.709, -34.676 |
---|---|
XYZ | 15.655, 16.165, 40.323 |
xyY | 0.217, 0.224, 16.165 |
CIE-LCH | 47.19, 34.718, 272.821 |
CIE-LUV | 47.19, -20.033, -51.883 |
Hunter-Lab | 40.206, -0.855, -31.319 |
Binary | 01000100, 01110010, 10101010 |
Color Schemes with #4472aa
Alternatives to #4472aa
Below, you can see some colors close to #4472aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4472aa Preview
This text has a font color of #4472aa.
<span style="color:#4472aa;">Text here</span>
This paragraph has a background color of #4472aa.
<p style="background-color:#4472aa;">Content here</p>
This element has a border color of #4472aa.
<div style="border:1px solid #4472aa;">Content here</div>
.text {color:#4472aa;}
.background {background-color:#4472aa;}
.border {border:1px solid #4472aa;}
Shades and Tints of #4472aa
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, #010102 is the darkest color, while #f3f6fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060b10
#060b10
rgb(6,11,16)
-
#0c141e
#0c141e
rgb(12,20,30)
-
#121d2c
#121d2c
rgb(18,29,44)
-
#17273a
#17273a
rgb(23,39,58)
-
#1d3048
#1d3048
rgb(29,48,72)
-
#223a56
#223a56
rgb(34,58,86)
-
#284364
#284364
rgb(40,67,100)
-
#2e4c72
#2e4c72
rgb(46,76,114)
-
#335680
#335680
rgb(51,86,128)
-
#395f8e
#395f8e
rgb(57,95,142)
-
#3e699c
#3e699c
rgb(62,105,156)
-
#4472aa
#4472aa
rgb(68,114,170)
-
#4b7cb7
#4b7cb7
rgb(75,124,183)
-
#5986bc
#5986bc
rgb(89,134,188)
-
#6790c2
#6790c2
rgb(103,144,194)
-
#759ac8
#759ac8
rgb(117,154,200)
-
#83a4cd
#83a4cd
rgb(131,164,205)
-
#91afd3
#91afd3
rgb(145,175,211)
-
#9fb9d9
#9fb9d9
rgb(159,185,217)
-
#adc3de
#adc3de
rgb(173,195,222)
-
#bbcde4
#bbcde4
rgb(187,205,228)
-
#c9d7e9
#c9d7e9
rgb(201,215,233)
-
#d7e2ef
#d7e2ef
rgb(215,226,239)
-
#e5ecf5
#e5ecf5
rgb(229,236,245)
-
#f3f6fa
#f3f6fa
rgb(243,246,250)
Tones of #4472aa
A tone is produced by adding gray to any pure hue. In this case, #72767c is the less saturated color, while #046cea is the most saturated one.
-
#72767c
#72767c
rgb(114,118,124)
-
#697685
#697685
rgb(105,118,133)
-
#5f758f
#5f758f
rgb(95,117,143)
-
#567498
#567498
rgb(86,116,152)
-
#4d73a1
#4d73a1
rgb(77,115,161)
-
#4472aa
#4472aa
rgb(68,114,170)
-
#3b71b3
#3b71b3
rgb(59,113,179)
-
#3270bc
#3270bc
rgb(50,112,188)
-
#296fc5
#296fc5
rgb(41,111,197)
-
#1f6ecf
#1f6ecf
rgb(31,110,207)
-
#166ed8
#166ed8
rgb(22,110,216)
-
#0d6de1
#0d6de1
rgb(13,109,225)
-
#046cea
#046cea
rgb(4,108,234)
Color Blindness Simulator
Below, you can see how #4472aa 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.