#486fff Color Information
In a RGB color space, hex #486fff is composed of 28.2% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 227.2 degrees, a saturation of 100% and a lightness of 64.1%. #486fff color hex could be obtained by blending #90deff with #0000ff. Closest websafe color is: #3366ff.
-
- R 28
- G 44
- B 100
-
- C 72
- M 56
- Y 0
- K 0
● #486fff color description : Light blue.
#486fff Color Conversion
The hexadecimal color #486fff has RGB values of R:72, G:111, B:255 and CMYK values of C:0.72, M:0.56, Y:0, K:0. Its decimal value is 4747263.
Hex triplet | 486fff | #486fff |
---|---|---|
RGB Decimal | 72, 111, 255 | rgb(72,111,255) |
RGB Percent | 28.2, 43.5, 100 | rgb(28.2%,43.5%,100%) |
CMYK | 72, 56, 0, 0 | |
HSL | 227.2°, 100, 64.1 | hsl(227.2,100%,64.1%) |
HSV (or HSB) | 227.2°, 71.8, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.797, 34.014, -75.593 |
---|---|
XYZ | 26.403, 19.965, 97.064 |
xyY | 0.184, 0.139, 19.965 |
CIE-LCH | 51.797, 82.893, 294.226 |
CIE-LUV | 51.797, -17.971, -119.285 |
Hunter-Lab | 44.682, 27.284, -97.52 |
Binary | 01001000, 01101111, 11111111 |
Color Schemes with #486fff
Alternatives to #486fff
Below, you can see some colors close to #486fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486fff Preview
This text has a font color of #486fff.
<span style="color:#486fff;">Text here</span>
This paragraph has a background color of #486fff.
<p style="background-color:#486fff;">Content here</p>
This element has a border color of #486fff.
<div style="border:1px solid #486fff;">Content here</div>
.text {color:#486fff;}
.background {background-color:#486fff;}
.border {border:1px solid #486fff;}
Shades and Tints of #486fff
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)
-
#000721
#000721
rgb(0,7,33)
-
#000b34
#000b34
rgb(0,11,52)
-
#000f48
#000f48
rgb(0,15,72)
-
#00145c
#00145c
rgb(0,20,92)
-
#00186f
#00186f
rgb(0,24,111)
-
#001c83
#001c83
rgb(0,28,131)
-
#002096
#002096
rgb(0,32,150)
-
#0024aa
#0024aa
rgb(0,36,170)
-
#0028be
#0028be
rgb(0,40,190)
-
#002dd1
#002dd1
rgb(0,45,209)
-
#0031e5
#0031e5
rgb(0,49,229)
-
#0035f9
#0035f9
rgb(0,53,249)
-
#0d41ff
#0d41ff
rgb(13,65,255)
-
#2150ff
#2150ff
rgb(33,80,255)
-
#3460ff
#3460ff
rgb(52,96,255)
-
#486fff
#486fff
rgb(72,111,255)
-
#5c7eff
#5c7eff
rgb(92,126,255)
-
#6f8eff
#6f8eff
rgb(111,142,255)
-
#839dff
#839dff
rgb(131,157,255)
-
#96adff
#96adff
rgb(150,173,255)
-
#aabcff
#aabcff
rgb(170,188,255)
-
#beccff
#beccff
rgb(190,204,255)
-
#d1dbff
#d1dbff
rgb(209,219,255)
-
#e5eaff
#e5eaff
rgb(229,234,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #486fff
A tone is produced by adding gray to any pure hue. In this case, #9c9fab is the less saturated color, while #486fff is the most saturated one.
-
#9c9fab
#9c9fab
rgb(156,159,171)
-
#959bb2
#959bb2
rgb(149,155,178)
-
#8e97b9
#8e97b9
rgb(142,151,185)
-
#8793c0
#8793c0
rgb(135,147,192)
-
#808fc7
#808fc7
rgb(128,143,199)
-
#798bce
#798bce
rgb(121,139,206)
-
#7287d5
#7287d5
rgb(114,135,213)
-
#6b83dc
#6b83dc
rgb(107,131,220)
-
#647fe3
#647fe3
rgb(100,127,227)
-
#5d7bea
#5d7bea
rgb(93,123,234)
-
#5677f1
#5677f1
rgb(86,119,241)
-
#4f73f8
#4f73f8
rgb(79,115,248)
-
#486fff
#486fff
rgb(72,111,255)
Color Blindness Simulator
Below, you can see how #486fff 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.