#486cff Color Information
In a RGB color space, hex #486cff is composed of 28.2% red, 42.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 57.6% magenta, 0% yellow and 0% black. It has a hue angle of 228.2 degrees, a saturation of 100% and a lightness of 64.1%. #486cff color hex could be obtained by blending #90d8ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 28
- G 42
- B 100
-
- C 72
- M 58
- Y 0
- K 0
● #486cff color description : Light blue.
#486cff Color Conversion
The hexadecimal color #486cff has RGB values of R:72, G:108, B:255 and CMYK values of C:0.72, M:0.58, Y:0, K:0. Its decimal value is 4746495.
Hex triplet | 486cff | #486cff |
---|---|---|
RGB Decimal | 72, 108, 255 | rgb(72,108,255) |
RGB Percent | 28.2, 42.4, 100 | rgb(28.2%,42.4%,100%) |
CMYK | 72, 58, 0, 0 | |
HSL | 228.2°, 100, 64.1 | hsl(228.2,100%,64.1%) |
HSV (or HSB) | 228.2°, 71.8, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.061, 35.858, -76.792 |
---|---|
XYZ | 26.081, 19.321, 96.957 |
xyY | 0.183, 0.136, 19.321 |
CIE-LCH | 51.061, 84.751, 295.03 |
CIE-LUV | 51.061, -17.195, -120.646 |
Hunter-Lab | 43.956, 28.991, -100.012 |
Binary | 01001000, 01101100, 11111111 |
Color Schemes with #486cff
Alternatives to #486cff
Below, you can see some colors close to #486cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486cff Preview
This text has a font color of #486cff.
<span style="color:#486cff;">Text here</span>
This paragraph has a background color of #486cff.
<p style="background-color:#486cff;">Content here</p>
This element has a border color of #486cff.
<div style="border:1px solid #486cff;">Content here</div>
.text {color:#486cff;}
.background {background-color:#486cff;}
.border {border:1px solid #486cff;}
Shades and Tints of #486cff
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, #00030d is the darkest color, while #f9faff is the lightest one.
-
#00030d
#00030d
rgb(0,3,13)
-
#000621
#000621
rgb(0,6,33)
-
#000a34
#000a34
rgb(0,10,52)
-
#000e48
#000e48
rgb(0,14,72)
-
#00125c
#00125c
rgb(0,18,92)
-
#00166f
#00166f
rgb(0,22,111)
-
#001a83
#001a83
rgb(0,26,131)
-
#001e96
#001e96
rgb(0,30,150)
-
#0021aa
#0021aa
rgb(0,33,170)
-
#0025be
#0025be
rgb(0,37,190)
-
#0029d1
#0029d1
rgb(0,41,209)
-
#002de5
#002de5
rgb(0,45,229)
-
#0031f9
#0031f9
rgb(0,49,249)
-
#0d3dff
#0d3dff
rgb(13,61,255)
-
#214cff
#214cff
rgb(33,76,255)
-
#345cff
#345cff
rgb(52,92,255)
-
#486cff
#486cff
rgb(72,108,255)
-
#5c7cff
#5c7cff
rgb(92,124,255)
-
#6f8cff
#6f8cff
rgb(111,140,255)
-
#839bff
#839bff
rgb(131,155,255)
-
#96abff
#96abff
rgb(150,171,255)
-
#aabbff
#aabbff
rgb(170,187,255)
-
#becbff
#becbff
rgb(190,203,255)
-
#d1daff
#d1daff
rgb(209,218,255)
-
#e5eaff
#e5eaff
rgb(229,234,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #486cff
A tone is produced by adding gray to any pure hue. In this case, #9c9fab is the less saturated color, while #486cff is the most saturated one.
-
#9c9fab
#9c9fab
rgb(156,159,171)
-
#959bb2
#959bb2
rgb(149,155,178)
-
#8e97b9
#8e97b9
rgb(142,151,185)
-
#8792c0
#8792c0
rgb(135,146,192)
-
#808ec7
#808ec7
rgb(128,142,199)
-
#798ace
#798ace
rgb(121,138,206)
-
#7286d5
#7286d5
rgb(114,134,213)
-
#6b81dc
#6b81dc
rgb(107,129,220)
-
#647de3
#647de3
rgb(100,125,227)
-
#5d79ea
#5d79ea
rgb(93,121,234)
-
#5675f1
#5675f1
rgb(86,117,241)
-
#4f70f8
#4f70f8
rgb(79,112,248)
-
#486cff
#486cff
rgb(72,108,255)
Color Blindness Simulator
Below, you can see how #486cff 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.