#486af0 Color Information
In a RGB color space, hex #486af0 is composed of 28.2% red, 41.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 55.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 227.9 degrees, a saturation of 84.8% and a lightness of 61.2%. #486af0 color hex could be obtained by blending #90d4ff with #0000e1. Closest websafe color is: #3366ff.
-
- R 28
- G 42
- B 94
-
- C 70
- M 56
- Y 0
- K 6
● #486af0 color description : Bright blue.
#486af0 Color Conversion
The hexadecimal color #486af0 has RGB values of R:72, G:106, B:240 and CMYK values of C:0.7, M:0.56, Y:0, K:0.06. Its decimal value is 4745968.
Hex triplet | 486af0 | #486af0 |
---|---|---|
RGB Decimal | 72, 106, 240 | rgb(72,106,240) |
RGB Percent | 28.2, 41.6, 94.1 | rgb(28.2%,41.6%,94.1%) |
CMYK | 70, 56, 0, 6 | |
HSL | 227.9°, 84.8, 61.2 | hsl(227.9,84.8%,61.2%) |
HSV (or HSB) | 227.9°, 70, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.466, 31.865, -71.037 |
---|---|
XYZ | 23.551, 17.976, 84.662 |
xyY | 0.187, 0.142, 17.976 |
CIE-LCH | 49.466, 77.857, 294.16 |
CIE-LUV | 49.466, -16.508, -111.038 |
Hunter-Lab | 42.398, 24.959, -88.715 |
Binary | 01001000, 01101010, 11110000 |
Color Schemes with #486af0
Alternatives to #486af0
Below, you can see some colors close to #486af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486af0 Preview
This text has a font color of #486af0.
<span style="color:#486af0;">Text here</span>
This paragraph has a background color of #486af0.
<p style="background-color:#486af0;">Content here</p>
This element has a border color of #486af0.
<div style="border:1px solid #486af0;">Content here</div>
.text {color:#486af0;}
.background {background-color:#486af0;}
.border {border:1px solid #486af0;}
Shades and Tints of #486af0
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, #010410 is the darkest color, while #fdfeff is the lightest one.
-
#010410
#010410
rgb(1,4,16)
-
#030923
#030923
rgb(3,9,35)
-
#040e35
#040e35
rgb(4,14,53)
-
#061347
#061347
rgb(6,19,71)
-
#071859
#071859
rgb(7,24,89)
-
#091d6b
#091d6b
rgb(9,29,107)
-
#0a227d
#0a227d
rgb(10,34,125)
-
#0c268f
#0c268f
rgb(12,38,143)
-
#0d2ba1
#0d2ba1
rgb(13,43,161)
-
#0f30b4
#0f30b4
rgb(15,48,180)
-
#1035c6
#1035c6
rgb(16,53,198)
-
#123ad8
#123ad8
rgb(18,58,216)
-
#133fea
#133fea
rgb(19,63,234)
-
#244ced
#244ced
rgb(36,76,237)
-
#365bef
#365bef
rgb(54,91,239)
-
#486af0
#486af0
rgb(72,106,240)
-
#5a79f1
#5a79f1
rgb(90,121,241)
-
#6c88f3
#6c88f3
rgb(108,136,243)
-
#7e96f4
#7e96f4
rgb(126,150,244)
-
#91a5f6
#91a5f6
rgb(145,165,246)
-
#a3b4f7
#a3b4f7
rgb(163,180,247)
-
#b5c3f9
#b5c3f9
rgb(181,195,249)
-
#c7d1fa
#c7d1fa
rgb(199,209,250)
-
#d9e0fc
#d9e0fc
rgb(217,224,252)
-
#ebeffd
#ebeffd
rgb(235,239,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #486af0
A tone is produced by adding gray to any pure hue. In this case, #9c9c9c is the less saturated color, while #4065f8 is the most saturated one.
-
#9c9c9c
#9c9c9c
rgb(156,156,156)
-
#9497a4
#9497a4
rgb(148,151,164)
-
#8d93ab
#8d93ab
rgb(141,147,171)
-
#858eb3
#858eb3
rgb(133,142,179)
-
#7d8abb
#7d8abb
rgb(125,138,187)
-
#7685c2
#7685c2
rgb(118,133,194)
-
#6e81ca
#6e81ca
rgb(110,129,202)
-
#667cd2
#667cd2
rgb(102,124,210)
-
#5f78d9
#5f78d9
rgb(95,120,217)
-
#5773e1
#5773e1
rgb(87,115,225)
-
#506fe8
#506fe8
rgb(80,111,232)
-
#486af0
#486af0
rgb(72,106,240)
-
#4065f8
#4065f8
rgb(64,101,248)
Color Blindness Simulator
Below, you can see how #486af0 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.