#5486f0 Color Information
In a RGB color space, hex #5486f0 is composed of 32.9% red, 52.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 44.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 220.8 degrees, a saturation of 83.9% and a lightness of 63.5%. #5486f0 color hex could be obtained by blending #a8ffff with #000de1. Closest websafe color is: #6699ff.
-
- R 33
- G 53
- B 94
-
- C 65
- M 44
- Y 0
- K 6
● #5486f0 color description : Soft blue.
#5486f0 Color Conversion
The hexadecimal color #5486f0 has RGB values of R:84, G:134, B:240 and CMYK values of C:0.65, M:0.44, Y:0, K:0.06. Its decimal value is 5539568.
Hex triplet | 5486f0 | #5486f0 |
---|---|---|
RGB Decimal | 84, 134, 240 | rgb(84,134,240) |
RGB Percent | 32.9, 52.5, 94.1 | rgb(32.9%,52.5%,94.1%) |
CMYK | 65, 44, 0, 6 | |
HSL | 220.8°, 83.9, 63.5 | hsl(220.8,83.9%,63.5%) |
HSV (or HSB) | 220.8°, 65, 94.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 57.294, 16.4, -58.385 |
---|---|
XYZ | 27.906, 25.225, 85.831 |
xyY | 0.201, 0.182, 25.225 |
CIE-LCH | 57.294, 60.645, 285.689 |
CIE-LUV | 57.294, -22.101, -94.084 |
Hunter-Lab | 50.224, 11.288, -66.168 |
Binary | 01010100, 10000110, 11110000 |
Color Schemes with #5486f0
Alternatives to #5486f0
Below, you can see some colors close to #5486f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5486f0 Preview
This text has a font color of #5486f0.
<span style="color:#5486f0;">Text here</span>
This paragraph has a background color of #5486f0.
<p style="background-color:#5486f0;">Content here</p>
This element has a border color of #5486f0.
<div style="border:1px solid #5486f0;">Content here</div>
.text {color:#5486f0;}
.background {background-color:#5486f0;}
.border {border:1px solid #5486f0;}
Shades and Tints of #5486f0
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, #010409 is the darkest color, while #f6f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#020a1b
#020a1b
rgb(2,10,27)
-
#04112d
#04112d
rgb(4,17,45)
-
#06183f
#06183f
rgb(6,24,63)
-
#071f51
#071f51
rgb(7,31,81)
-
#092664
#092664
rgb(9,38,100)
-
#0a2d76
#0a2d76
rgb(10,45,118)
-
#0c3488
#0c3488
rgb(12,52,136)
-
#0d3a9a
#0d3a9a
rgb(13,58,154)
-
#0f41ac
#0f41ac
rgb(15,65,172)
-
#1148be
#1148be
rgb(17,72,190)
-
#124fd0
#124fd0
rgb(18,79,208)
-
#1456e2
#1456e2
rgb(20,86,226)
-
#1e60eb
#1e60eb
rgb(30,96,235)
-
#306ced
#306ced
rgb(48,108,237)
-
#4279ee
#4279ee
rgb(66,121,238)
-
#5486f0
#5486f0
rgb(84,134,240)
-
#6693f2
#6693f2
rgb(102,147,242)
-
#78a0f3
#78a0f3
rgb(120,160,243)
-
#8aacf5
#8aacf5
rgb(138,172,245)
-
#9cb9f6
#9cb9f6
rgb(156,185,246)
-
#aec6f8
#aec6f8
rgb(174,198,248)
-
#c0d3f9
#c0d3f9
rgb(192,211,249)
-
#d2dffb
#d2dffb
rgb(210,223,251)
-
#e4ecfd
#e4ecfd
rgb(228,236,253)
-
#f6f9fe
#f6f9fe
rgb(246,249,254)
Tones of #5486f0
A tone is produced by adding gray to any pure hue. In this case, #9ca0a8 is the less saturated color, while #4681fe is the most saturated one.
-
#9ca0a8
#9ca0a8
rgb(156,160,168)
-
#949db0
#949db0
rgb(148,157,176)
-
#8d9bb7
#8d9bb7
rgb(141,155,183)
-
#8698be
#8698be
rgb(134,152,190)
-
#7f95c5
#7f95c5
rgb(127,149,197)
-
#7893cc
#7893cc
rgb(120,147,204)
-
#7190d3
#7190d3
rgb(113,144,211)
-
#698edb
#698edb
rgb(105,142,219)
-
#628be2
#628be2
rgb(98,139,226)
-
#5b89e9
#5b89e9
rgb(91,137,233)
-
#5486f0
#5486f0
rgb(84,134,240)
-
#4d83f7
#4d83f7
rgb(77,131,247)
-
#4681fe
#4681fe
rgb(70,129,254)
Color Blindness Simulator
Below, you can see how #5486f0 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.