#5a86c0 Color Information
In a RGB color space, hex #5a86c0 is composed of 35.3% red, 52.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 30.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 214.1 degrees, a saturation of 44.7% and a lightness of 55.3%. #5a86c0 color hex could be obtained by blending #b4ffff with #000d81. Closest websafe color is: #6699cc.
-
- R 35
- G 53
- B 75
-
- C 53
- M 30
- Y 0
- K 25
● #5a86c0 color description : Moderate blue.
#5a86c0 Color Conversion
The hexadecimal color #5a86c0 has RGB values of R:90, G:134, B:192 and CMYK values of C:0.53, M:0.3, Y:0, K:0.25. Its decimal value is 5932736.
Hex triplet | 5a86c0 | #5a86c0 |
---|---|---|
RGB Decimal | 90, 134, 192 | rgb(90,134,192) |
RGB Percent | 35.3, 52.5, 75.3 | rgb(35.3%,52.5%,75.3%) |
CMYK | 53, 30, 0, 25 | |
HSL | 214.1°, 44.7, 55.3 | hsl(214.1,44.7%,55.3%) |
HSV (or HSB) | 214.1°, 53.1, 75.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.102, 1.699, -34.874 |
---|---|
XYZ | 22.254, 23.028, 53.139 |
xyY | 0.226, 0.234, 23.028 |
CIE-LCH | 55.102, 34.916, 272.789 |
CIE-LUV | 55.102, -20.745, -53.819 |
Hunter-Lab | 47.988, -1.202, -32.062 |
Binary | 01011010, 10000110, 11000000 |
Color Schemes with #5a86c0
Alternatives to #5a86c0
Below, you can see some colors close to #5a86c0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a86c0 Preview
This text has a font color of #5a86c0.
<span style="color:#5a86c0;">Text here</span>
This paragraph has a background color of #5a86c0.
<p style="background-color:#5a86c0;">Content here</p>
This element has a border color of #5a86c0.
<div style="border:1px solid #5a86c0;">Content here</div>
.text {color:#5a86c0;}
.background {background-color:#5a86c0;}
.border {border:1px solid #5a86c0;}
Shades and Tints of #5a86c0
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, #020305 is the darkest color, while #f6f9fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070d14
#070d14
rgb(7,13,20)
-
#0d1622
#0d1622
rgb(13,22,34)
-
#121f30
#121f30
rgb(18,31,48)
-
#18283e
#18283e
rgb(24,40,62)
-
#1d314c
#1d314c
rgb(29,49,76)
-
#233b5b
#233b5b
rgb(35,59,91)
-
#284469
#284469
rgb(40,68,105)
-
#2d4d77
#2d4d77
rgb(45,77,119)
-
#335685
#335685
rgb(51,86,133)
-
#386093
#386093
rgb(56,96,147)
-
#3e69a1
#3e69a1
rgb(62,105,161)
-
#4372b0
#4372b0
rgb(67,114,176)
-
#4c7cbb
#4c7cbb
rgb(76,124,187)
-
#5a86c0
#5a86c0
rgb(90,134,192)
-
#6890c5
#6890c5
rgb(104,144,197)
-
#769bcb
#769bcb
rgb(118,155,203)
-
#85a5d0
#85a5d0
rgb(133,165,208)
-
#93b0d6
#93b0d6
rgb(147,176,214)
-
#a1badb
#a1badb
rgb(161,186,219)
-
#afc4e1
#afc4e1
rgb(175,196,225)
-
#bdcfe6
#bdcfe6
rgb(189,207,230)
-
#ccd9eb
#ccd9eb
rgb(204,217,235)
-
#dae4f1
#dae4f1
rgb(218,228,241)
-
#e8eef6
#e8eef6
rgb(232,238,246)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #5a86c0
A tone is produced by adding gray to any pure hue. In this case, #868c94 is the less saturated color, while #1d7efd is the most saturated one.
-
#868c94
#868c94
rgb(134,140,148)
-
#7d8b9d
#7d8b9d
rgb(125,139,157)
-
#748aa6
#748aa6
rgb(116,138,166)
-
#6c88ae
#6c88ae
rgb(108,136,174)
-
#6387b7
#6387b7
rgb(99,135,183)
-
#5a86c0
#5a86c0
rgb(90,134,192)
-
#5185c9
#5185c9
rgb(81,133,201)
-
#4884d2
#4884d2
rgb(72,132,210)
-
#4082da
#4082da
rgb(64,130,218)
-
#3781e3
#3781e3
rgb(55,129,227)
-
#2e80ec
#2e80ec
rgb(46,128,236)
-
#257ff5
#257ff5
rgb(37,127,245)
-
#1d7efd
#1d7efd
rgb(29,126,253)
Color Blindness Simulator
Below, you can see how #5a86c0 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.