#486cce Color Information
In a RGB color space, hex #486cce is composed of 28.2% red, 42.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 47.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 223.9 degrees, a saturation of 57.8% and a lightness of 54.5%. #486cce color hex could be obtained by blending #90d8ff with #00009d. Closest websafe color is: #3366cc.
-
- R 28
- G 42
- B 81
-
- C 65
- M 48
- Y 0
- K 19
● #486cce color description : Moderate blue.
#486cce Color Conversion
The hexadecimal color #486cce has RGB values of R:72, G:108, B:206 and CMYK values of C:0.65, M:0.48, Y:0, K:0.19. Its decimal value is 4746446.
Hex triplet | 486cce | #486cce |
---|---|---|
RGB Decimal | 72, 108, 206 | rgb(72,108,206) |
RGB Percent | 28.2, 42.4, 80.8 | rgb(28.2%,42.4%,80.8%) |
CMYK | 65, 48, 0, 19 | |
HSL | 223.9°, 57.8, 54.5 | hsl(223.9,57.8%,54.5%) |
HSV (or HSB) | 223.9°, 65, 80.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.698, 18.679, -54.666 |
---|---|
XYZ | 19.173, 16.558, 60.575 |
xyY | 0.199, 0.172, 16.558 |
CIE-LCH | 47.698, 57.769, 288.865 |
CIE-LUV | 47.698, -16.824, -84.725 |
Hunter-Lab | 40.691, 12.897, -59.777 |
Binary | 01001000, 01101100, 11001110 |
Color Schemes with #486cce
Alternatives to #486cce
Below, you can see some colors close to #486cce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486cce Preview
This text has a font color of #486cce.
<span style="color:#486cce;">Text here</span>
This paragraph has a background color of #486cce.
<p style="background-color:#486cce;">Content here</p>
This element has a border color of #486cce.
<div style="border:1px solid #486cce;">Content here</div>
.text {color:#486cce;}
.background {background-color:#486cce;}
.border {border:1px solid #486cce;}
Shades and Tints of #486cce
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, #010103 is the darkest color, while #f2f5fc is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#050812
#050812
rgb(5,8,18)
-
#091022
#091022
rgb(9,16,34)
-
#0d1731
#0d1731
rgb(13,23,49)
-
#111e41
#111e41
rgb(17,30,65)
-
#152550
#152550
rgb(21,37,80)
-
#1a2c60
#1a2c60
rgb(26,44,96)
-
#1e346f
#1e346f
rgb(30,52,111)
-
#223b7e
#223b7e
rgb(34,59,126)
-
#26428e
#26428e
rgb(38,66,142)
-
#2a499d
#2a499d
rgb(42,73,157)
-
#2e50ad
#2e50ad
rgb(46,80,173)
-
#3257bc
#3257bc
rgb(50,87,188)
-
#3960ca
#3960ca
rgb(57,96,202)
-
#486cce
#486cce
rgb(72,108,206)
-
#5778d2
#5778d2
rgb(87,120,210)
-
#6785d6
#6785d6
rgb(103,133,214)
-
#7691da
#7691da
rgb(118,145,218)
-
#869edf
#869edf
rgb(134,158,223)
-
#95aae3
#95aae3
rgb(149,170,227)
-
#a5b7e7
#a5b7e7
rgb(165,183,231)
-
#b4c3eb
#b4c3eb
rgb(180,195,235)
-
#c4cfef
#c4cfef
rgb(196,207,239)
-
#d3dcf3
#d3dcf3
rgb(211,220,243)
-
#e3e8f7
#e3e8f7
rgb(227,232,247)
-
#f2f5fc
#f2f5fc
rgb(242,245,252)
Tones of #486cce
A tone is produced by adding gray to any pure hue. In this case, #868990 is the less saturated color, while #1b57fb is the most saturated one.
-
#868990
#868990
rgb(134,137,144)
-
#7e8598
#7e8598
rgb(126,133,152)
-
#7581a1
#7581a1
rgb(117,129,161)
-
#6c7daa
#6c7daa
rgb(108,125,170)
-
#6378b3
#6378b3
rgb(99,120,179)
-
#5a74bc
#5a74bc
rgb(90,116,188)
-
#5170c5
#5170c5
rgb(81,112,197)
-
#486cce
#486cce
rgb(72,108,206)
-
#3f68d7
#3f68d7
rgb(63,104,215)
-
#3664e0
#3664e0
rgb(54,100,224)
-
#2d60e9
#2d60e9
rgb(45,96,233)
-
#245bf2
#245bf2
rgb(36,91,242)
-
#1b57fb
#1b57fb
rgb(27,87,251)
Color Blindness Simulator
Below, you can see how #486cce 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.