#486aa4 Color Information
In a RGB color space, hex #486aa4 is composed of 28.2% red, 41.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 35.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 217.8 degrees, a saturation of 39% and a lightness of 46.3%. #486aa4 color hex could be obtained by blending #90d4ff with #000049. Closest websafe color is: #336699.
-
- R 28
- G 42
- B 64
-
- C 56
- M 35
- Y 0
- K 36
● #486aa4 color description : Dark moderate blue.
#486aa4 Color Conversion
The hexadecimal color #486aa4 has RGB values of R:72, G:106, B:164 and CMYK values of C:0.56, M:0.35, Y:0, K:0.36. Its decimal value is 4745892.
Hex triplet | 486aa4 | #486aa4 |
---|---|---|
RGB Decimal | 72, 106, 164 | rgb(72,106,164) |
RGB Percent | 28.2, 41.6, 64.3 | rgb(28.2%,41.6%,64.3%) |
CMYK | 56, 35, 0, 36 | |
HSL | 217.8°, 39, 46.3 | hsl(217.8,39%,46.3%) |
HSV (or HSB) | 217.8°, 56.1, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.752, 5.46, -34.98 |
---|---|
XYZ | 14.526, 14.365, 37.127 |
xyY | 0.22, 0.218, 14.365 |
CIE-LCH | 44.752, 35.403, 278.872 |
CIE-LUV | 44.752, -16.082, -52.141 |
Hunter-Lab | 37.902, 2.083, -31.547 |
Binary | 01001000, 01101010, 10100100 |
Color Schemes with #486aa4
Alternatives to #486aa4
Below, you can see some colors close to #486aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486aa4 Preview
This text has a font color of #486aa4.
<span style="color:#486aa4;">Text here</span>
This paragraph has a background color of #486aa4.
<p style="background-color:#486aa4;">Content here</p>
This element has a border color of #486aa4.
<div style="border:1px solid #486aa4;">Content here</div>
.text {color:#486aa4;}
.background {background-color:#486aa4;}
.border {border:1px solid #486aa4;}
Shades and Tints of #486aa4
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, #000000 is the darkest color, while #f2f5f9 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#06090e
#06090e
rgb(6,9,14)
-
#0c121c
#0c121c
rgb(12,18,28)
-
#121b29
#121b29
rgb(18,27,41)
-
#182437
#182437
rgb(24,36,55)
-
#1e2c45
#1e2c45
rgb(30,44,69)
-
#243552
#243552
rgb(36,53,82)
-
#2a3e60
#2a3e60
rgb(42,62,96)
-
#30476d
#30476d
rgb(48,71,109)
-
#36507b
#36507b
rgb(54,80,123)
-
#3c5889
#3c5889
rgb(60,88,137)
-
#426196
#426196
rgb(66,97,150)
-
#486aa4
#486aa4
rgb(72,106,164)
-
#4e73b1
#4e73b1
rgb(78,115,177)
-
#5c7eb7
#5c7eb7
rgb(92,126,183)
-
#6988bd
#6988bd
rgb(105,136,189)
-
#7793c3
#7793c3
rgb(119,147,195)
-
#859ec9
#859ec9
rgb(133,158,201)
-
#92a9cf
#92a9cf
rgb(146,169,207)
-
#a0b4d5
#a0b4d5
rgb(160,180,213)
-
#aebfdb
#aebfdb
rgb(174,191,219)
-
#bbc9e1
#bbc9e1
rgb(187,201,225)
-
#c9d4e7
#c9d4e7
rgb(201,212,231)
-
#d7dfed
#d7dfed
rgb(215,223,237)
-
#e4eaf3
#e4eaf3
rgb(228,234,243)
-
#f2f5f9
#f2f5f9
rgb(242,245,249)
Tones of #486aa4
A tone is produced by adding gray to any pure hue. In this case, #757677 is the less saturated color, while #0859e4 is the most saturated one.
-
#757677
#757677
rgb(117,118,119)
-
#6c7380
#6c7380
rgb(108,115,128)
-
#637189
#637189
rgb(99,113,137)
-
#5a6f92
#5a6f92
rgb(90,111,146)
-
#516c9b
#516c9b
rgb(81,108,155)
-
#486aa4
#486aa4
rgb(72,106,164)
-
#3f68ad
#3f68ad
rgb(63,104,173)
-
#3665b6
#3665b6
rgb(54,101,182)
-
#2d63bf
#2d63bf
rgb(45,99,191)
-
#2461c8
#2461c8
rgb(36,97,200)
-
#1b5ed1
#1b5ed1
rgb(27,94,209)
-
#125cda
#125cda
rgb(18,92,218)
-
#0859e4
#0859e4
rgb(8,89,228)
Color Blindness Simulator
Below, you can see how #486aa4 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.