#486cd0 Color Information
In a RGB color space, hex #486cd0 is composed of 28.2% red, 42.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 48.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 224.1 degrees, a saturation of 59.1% and a lightness of 54.9%. #486cd0 color hex could be obtained by blending #90d8ff with #0000a1. Closest websafe color is: #3366cc.
-
- R 28
- G 42
- B 82
-
- C 65
- M 48
- Y 0
- K 18
● #486cd0 color description : Moderate blue.
#486cd0 Color Conversion
The hexadecimal color #486cd0 has RGB values of R:72, G:108, B:208 and CMYK values of C:0.65, M:0.48, Y:0, K:0.18. Its decimal value is 4746448.
Hex triplet | 486cd0 | #486cd0 |
---|---|---|
RGB Decimal | 72, 108, 208 | rgb(72,108,208) |
RGB Percent | 28.2, 42.4, 81.6 | rgb(28.2%,42.4%,81.6%) |
CMYK | 65, 48, 0, 18 | |
HSL | 224.1°, 59.1, 54.9 | hsl(224.1,59.1%,54.9%) |
HSV (or HSB) | 224.1°, 65.4, 81.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.823, 19.38, -55.608 |
---|---|
XYZ | 19.418, 16.656, 61.863 |
xyY | 0.198, 0.17, 16.656 |
CIE-LCH | 47.823, 58.888, 289.214 |
CIE-LUV | 47.823, -16.832, -86.272 |
Hunter-Lab | 40.811, 13.509, -61.305 |
Binary | 01001000, 01101100, 11010000 |
Color Schemes with #486cd0
Alternatives to #486cd0
Below, you can see some colors close to #486cd0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486cd0 Preview
This text has a font color of #486cd0.
<span style="color:#486cd0;">Text here</span>
This paragraph has a background color of #486cd0.
<p style="background-color:#486cd0;">Content here</p>
This element has a border color of #486cd0.
<div style="border:1px solid #486cd0;">Content here</div>
.text {color:#486cd0;}
.background {background-color:#486cd0;}
.border {border:1px solid #486cd0;}
Shades and Tints of #486cd0
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, #010204 is the darkest color, while #f4f6fc is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#050914
#050914
rgb(5,9,20)
-
#091023
#091023
rgb(9,16,35)
-
#0d1733
#0d1733
rgb(13,23,51)
-
#111e43
#111e43
rgb(17,30,67)
-
#152552
#152552
rgb(21,37,82)
-
#192c62
#192c62
rgb(25,44,98)
-
#1d3372
#1d3372
rgb(29,51,114)
-
#213b81
#213b81
rgb(33,59,129)
-
#254291
#254291
rgb(37,66,145)
-
#2949a0
#2949a0
rgb(41,73,160)
-
#2d50b0
#2d50b0
rgb(45,80,176)
-
#3157c0
#3157c0
rgb(49,87,192)
-
#385fcc
#385fcc
rgb(56,95,204)
-
#486cd0
#486cd0
rgb(72,108,208)
-
#5879d4
#5879d4
rgb(88,121,212)
-
#6785d8
#6785d8
rgb(103,133,216)
-
#7792dc
#7792dc
rgb(119,146,220)
-
#869ee0
#869ee0
rgb(134,158,224)
-
#96abe4
#96abe4
rgb(150,171,228)
-
#a6b7e8
#a6b7e8
rgb(166,183,232)
-
#b5c4ec
#b5c4ec
rgb(181,196,236)
-
#c5d0f0
#c5d0f0
rgb(197,208,240)
-
#d4ddf4
#d4ddf4
rgb(212,221,244)
-
#e4e9f8
#e4e9f8
rgb(228,233,248)
-
#f4f6fc
#f4f6fc
rgb(244,246,252)
Tones of #486cd0
A tone is produced by adding gray to any pure hue. In this case, #868992 is the less saturated color, while #1c57fc is the most saturated one.
-
#868992
#868992
rgb(134,137,146)
-
#7d859b
#7d859b
rgb(125,133,155)
-
#7481a4
#7481a4
rgb(116,129,164)
-
#6b7dad
#6b7dad
rgb(107,125,173)
-
#6378b5
#6378b5
rgb(99,120,181)
-
#5a74be
#5a74be
rgb(90,116,190)
-
#5170c7
#5170c7
rgb(81,112,199)
-
#486cd0
#486cd0
rgb(72,108,208)
-
#3f68d9
#3f68d9
rgb(63,104,217)
-
#3664e2
#3664e2
rgb(54,100,226)
-
#2d60eb
#2d60eb
rgb(45,96,235)
-
#255bf3
#255bf3
rgb(37,91,243)
-
#1c57fc
#1c57fc
rgb(28,87,252)
Color Blindness Simulator
Below, you can see how #486cd0 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.