#5486e1 Color Information
In a RGB color space, hex #5486e1 is composed of 32.9% red, 52.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 40.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 218.7 degrees, a saturation of 70.1% and a lightness of 60.6%. #5486e1 color hex could be obtained by blending #a8ffff with #000dc3. Closest websafe color is: #6699cc.
-
- R 33
- G 53
- B 88
-
- C 63
- M 40
- Y 0
- K 12
● #5486e1 color description : Soft blue.
#5486e1 Color Conversion
The hexadecimal color #5486e1 has RGB values of R:84, G:134, B:225 and CMYK values of C:0.63, M:0.4, Y:0, K:0.12. Its decimal value is 5539553.
Hex triplet | 5486e1 | #5486e1 |
---|---|---|
RGB Decimal | 84, 134, 225 | rgb(84,134,225) |
RGB Percent | 32.9, 52.5, 88.2 | rgb(32.9%,52.5%,88.2%) |
CMYK | 63, 40, 0, 12 | |
HSL | 218.7°, 70.1, 60.6 | hsl(218.7,70.1%,60.6%) |
HSV (or HSB) | 218.7°, 62.7, 88.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.456, 11.3, -51.372 |
---|---|
XYZ | 25.769, 24.37, 74.576 |
xyY | 0.207, 0.195, 24.37 |
CIE-LCH | 56.456, 52.6, 282.405 |
CIE-LUV | 56.456, -22.2, -82.003 |
Hunter-Lab | 49.366, 6.787, -55.012 |
Binary | 01010100, 10000110, 11100001 |
Color Schemes with #5486e1
Alternatives to #5486e1
Below, you can see some colors close to #5486e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5486e1 Preview
This text has a font color of #5486e1.
<span style="color:#5486e1;">Text here</span>
This paragraph has a background color of #5486e1.
<p style="background-color:#5486e1;">Content here</p>
This element has a border color of #5486e1.
<div style="border:1px solid #5486e1;">Content here</div>
.text {color:#5486e1;}
.background {background-color:#5486e1;}
.border {border:1px solid #5486e1;}
Shades and Tints of #5486e1
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, #02060d is the darkest color, while #fbfcfe is the lightest one.
-
#02060d
#02060d
rgb(2,6,13)
-
#050e1d
#050e1d
rgb(5,14,29)
-
#08152e
#08152e
rgb(8,21,46)
-
#0b1d3f
#0b1d3f
rgb(11,29,63)
-
#0e254f
#0e254f
rgb(14,37,79)
-
#112d60
#112d60
rgb(17,45,96)
-
#143571
#143571
rgb(20,53,113)
-
#173d81
#173d81
rgb(23,61,129)
-
#1a4492
#1a4492
rgb(26,68,146)
-
#1d4ca3
#1d4ca3
rgb(29,76,163)
-
#1f54b3
#1f54b3
rgb(31,84,179)
-
#225cc4
#225cc4
rgb(34,92,196)
-
#2564d5
#2564d5
rgb(37,100,213)
-
#336edb
#336edb
rgb(51,110,219)
-
#437ade
#437ade
rgb(67,122,222)
-
#5486e1
#5486e1
rgb(84,134,225)
-
#6592e4
#6592e4
rgb(101,146,228)
-
#759ee7
#759ee7
rgb(117,158,231)
-
#86a9ea
#86a9ea
rgb(134,169,234)
-
#97b5ed
#97b5ed
rgb(151,181,237)
-
#a7c1f0
#a7c1f0
rgb(167,193,240)
-
#b8cdf3
#b8cdf3
rgb(184,205,243)
-
#c9d9f5
#c9d9f5
rgb(201,217,245)
-
#dae4f8
#dae4f8
rgb(218,228,248)
-
#eaf0fb
#eaf0fb
rgb(234,240,251)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #5486e1
A tone is produced by adding gray to any pure hue. In this case, #9a9a9b is the less saturated color, while #3d7ff8 is the most saturated one.
-
#9a9a9b
#9a9a9b
rgb(154,154,155)
-
#9298a3
#9298a3
rgb(146,152,163)
-
#8a96ab
#8a96ab
rgb(138,150,171)
-
#8293b3
#8293b3
rgb(130,147,179)
-
#7b91ba
#7b91ba
rgb(123,145,186)
-
#738fc2
#738fc2
rgb(115,143,194)
-
#6b8dca
#6b8dca
rgb(107,141,202)
-
#638ad2
#638ad2
rgb(99,138,210)
-
#5c88d9
#5c88d9
rgb(92,136,217)
-
#5486e1
#5486e1
rgb(84,134,225)
-
#4c84e9
#4c84e9
rgb(76,132,233)
-
#4582f0
#4582f0
rgb(69,130,240)
-
#3d7ff8
#3d7ff8
rgb(61,127,248)
Color Blindness Simulator
Below, you can see how #5486e1 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.