#486af2 Color Information
In a RGB color space, hex #486af2 is composed of 28.2% red, 41.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 56.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 228 degrees, a saturation of 86.7% and a lightness of 61.6%. #486af2 color hex could be obtained by blending #90d4ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 28
- G 42
- B 95
-
- C 70
- M 56
- Y 0
- K 5
● #486af2 color description : Bright blue.
#486af2 Color Conversion
The hexadecimal color #486af2 has RGB values of R:72, G:106, B:242 and CMYK values of C:0.7, M:0.56, Y:0, K:0.05. Its decimal value is 4745970.
Hex triplet | 486af2 | #486af2 |
---|---|---|
RGB Decimal | 72, 106, 242 | rgb(72,106,242) |
RGB Percent | 28.2, 41.6, 94.9 | rgb(28.2%,41.6%,94.9%) |
CMYK | 70, 56, 0, 5 | |
HSL | 228°, 86.7, 61.6 | hsl(228,86.7%,61.6%) |
HSV (or HSB) | 228°, 70.2, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.611, 32.564, -71.92 |
---|---|
XYZ | 23.85, 18.095, 86.235 |
xyY | 0.186, 0.141, 18.095 |
CIE-LCH | 49.611, 78.948, 294.36 |
CIE-LUV | 49.611, -16.53, -112.455 |
Hunter-Lab | 42.538, 25.639, -90.418 |
Binary | 01001000, 01101010, 11110010 |
Color Schemes with #486af2
Alternatives to #486af2
Below, you can see some colors close to #486af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486af2 Preview
This text has a font color of #486af2.
<span style="color:#486af2;">Text here</span>
This paragraph has a background color of #486af2.
<p style="background-color:#486af2;">Content here</p>
This element has a border color of #486af2.
<div style="border:1px solid #486af2;">Content here</div>
.text {color:#486af2;}
.background {background-color:#486af2;}
.border {border:1px solid #486af2;}
Shades and Tints of #486af2
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, #000000 is the darkest color, while #edf0fe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#010512
#010512
rgb(1,5,18)
-
#030925
#030925
rgb(3,9,37)
-
#040e37
#040e37
rgb(4,14,55)
-
#051349
#051349
rgb(5,19,73)
-
#07185c
#07185c
rgb(7,24,92)
-
#081c6e
#081c6e
rgb(8,28,110)
-
#092180
#092180
rgb(9,33,128)
-
#0a2693
#0a2693
rgb(10,38,147)
-
#0c2aa5
#0c2aa5
rgb(12,42,165)
-
#0d2fb7
#0d2fb7
rgb(13,47,183)
-
#0e34ca
#0e34ca
rgb(14,52,202)
-
#1038dc
#1038dc
rgb(16,56,220)
-
#113dee
#113dee
rgb(17,61,238)
-
#234cef
#234cef
rgb(35,76,239)
-
#365bf1
#365bf1
rgb(54,91,241)
-
#486af2
#486af2
rgb(72,106,242)
-
#5a79f3
#5a79f3
rgb(90,121,243)
-
#6d88f5
#6d88f5
rgb(109,136,245)
-
#7f97f6
#7f97f6
rgb(127,151,246)
-
#91a6f7
#91a6f7
rgb(145,166,247)
-
#a4b5f9
#a4b5f9
rgb(164,181,249)
-
#b6c3fa
#b6c3fa
rgb(182,195,250)
-
#c8d2fb
#c8d2fb
rgb(200,210,251)
-
#dbe1fc
#dbe1fc
rgb(219,225,252)
-
#edf0fe
#edf0fe
rgb(237,240,254)
Tones of #486af2
A tone is produced by adding gray to any pure hue. In this case, #9b9c9f is the less saturated color, while #4065fa is the most saturated one.
-
#9b9c9f
#9b9c9f
rgb(155,156,159)
-
#9397a7
#9397a7
rgb(147,151,167)
-
#8c93ae
#8c93ae
rgb(140,147,174)
-
#848eb6
#848eb6
rgb(132,142,182)
-
#7d8abd
#7d8abd
rgb(125,138,189)
-
#7585c5
#7585c5
rgb(117,133,197)
-
#6e81cc
#6e81cc
rgb(110,129,204)
-
#667cd4
#667cd4
rgb(102,124,212)
-
#5f78db
#5f78db
rgb(95,120,219)
-
#5773e3
#5773e3
rgb(87,115,227)
-
#506fea
#506fea
rgb(80,111,234)
-
#486af2
#486af2
rgb(72,106,242)
-
#4065fa
#4065fa
rgb(64,101,250)
Color Blindness Simulator
Below, you can see how #486af2 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.