#486bd5 Color Information
In a RGB color space, hex #486bd5 is composed of 28.2% red, 42% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 49.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 225.1 degrees, a saturation of 62.7% and a lightness of 55.9%. #486bd5 color hex could be obtained by blending #90d6ff with #0000ab. Closest websafe color is: #3366cc.
-
- R 28
- G 42
- B 84
-
- C 66
- M 50
- Y 0
- K 16
● #486bd5 color description : Moderate blue.
#486bd5 Color Conversion
The hexadecimal color #486bd5 has RGB values of R:72, G:107, B:213 and CMYK values of C:0.66, M:0.5, Y:0, K:0.16. Its decimal value is 4746197.
Hex triplet | 486bd5 | #486bd5 |
---|---|---|
RGB Decimal | 72, 107, 213 | rgb(72,107,213) |
RGB Percent | 28.2, 42, 83.5 | rgb(28.2%,42%,83.5%) |
CMYK | 66, 50, 0, 16 | |
HSL | 225.1°, 62.7, 55.9 | hsl(225.1,62.7%,55.9%) |
HSV (or HSB) | 225.1°, 66.2, 83.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.875, 21.765, -58.376 |
---|---|
XYZ | 19.938, 16.696, 65.119 |
xyY | 0.196, 0.164, 16.696 |
CIE-LCH | 47.875, 62.302, 290.447 |
CIE-LUV | 47.875, -16.556, -90.678 |
Hunter-Lab | 40.861, 15.592, -65.887 |
Binary | 01001000, 01101011, 11010101 |
Color Schemes with #486bd5
Alternatives to #486bd5
Below, you can see some colors close to #486bd5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486bd5 Preview
This text has a font color of #486bd5.
<span style="color:#486bd5;">Text here</span>
This paragraph has a background color of #486bd5.
<p style="background-color:#486bd5;">Content here</p>
This element has a border color of #486bd5.
<div style="border:1px solid #486bd5;">Content here</div>
.text {color:#486bd5;}
.background {background-color:#486bd5;}
.border {border:1px solid #486bd5;}
Shades and Tints of #486bd5
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, #020408 is the darkest color, while #f7f9fd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#060a18
#060a18
rgb(6,10,24)
-
#091128
#091128
rgb(9,17,40)
-
#0d1838
#0d1838
rgb(13,24,56)
-
#111e48
#111e48
rgb(17,30,72)
-
#142558
#142558
rgb(20,37,88)
-
#182c68
#182c68
rgb(24,44,104)
-
#1c3378
#1c3378
rgb(28,51,120)
-
#1f3988
#1f3988
rgb(31,57,136)
-
#234098
#234098
rgb(35,64,152)
-
#2747a8
#2747a8
rgb(39,71,168)
-
#2a4db8
#2a4db8
rgb(42,77,184)
-
#2e54c8
#2e54c8
rgb(46,84,200)
-
#385ed1
#385ed1
rgb(56,94,209)
-
#486bd5
#486bd5
rgb(72,107,213)
-
#5878d9
#5878d9
rgb(88,120,217)
-
#6885dc
#6885dc
rgb(104,133,220)
-
#7892e0
#7892e0
rgb(120,146,224)
-
#889fe4
#889fe4
rgb(136,159,228)
-
#98ace7
#98ace7
rgb(152,172,231)
-
#a8b8eb
#a8b8eb
rgb(168,184,235)
-
#b8c5ef
#b8c5ef
rgb(184,197,239)
-
#c8d2f2
#c8d2f2
rgb(200,210,242)
-
#d8dff6
#d8dff6
rgb(216,223,246)
-
#e8ecfa
#e8ecfa
rgb(232,236,250)
-
#f7f9fd
#f7f9fd
rgb(247,249,253)
Tones of #486bd5
A tone is produced by adding gray to any pure hue. In this case, #8d8e90 is the less saturated color, while #255af8 is the most saturated one.
-
#8d8e90
#8d8e90
rgb(141,142,144)
-
#858a98
#858a98
rgb(133,138,152)
-
#7c85a1
#7c85a1
rgb(124,133,161)
-
#7381aa
#7381aa
rgb(115,129,170)
-
#6b7cb2
#6b7cb2
rgb(107,124,178)
-
#6278bb
#6278bb
rgb(98,120,187)
-
#5974c4
#5974c4
rgb(89,116,196)
-
#516fcc
#516fcc
rgb(81,111,204)
-
#486bd5
#486bd5
rgb(72,107,213)
-
#3f67de
#3f67de
rgb(63,103,222)
-
#3762e6
#3762e6
rgb(55,98,230)
-
#2e5eef
#2e5eef
rgb(46,94,239)
-
#255af8
#255af8
rgb(37,90,248)
Color Blindness Simulator
Below, you can see how #486bd5 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.