#5a9cd2 Color Information
In a RGB color space, hex #5a9cd2 is composed of 35.3% red, 61.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 25.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 207 degrees, a saturation of 57.1% and a lightness of 58.8%. #5a9cd2 color hex could be obtained by blending #b4ffff with #0039a5. Closest websafe color is: #6699cc.
-
- R 35
- G 61
- B 82
-
- C 57
- M 26
- Y 0
- K 18
● #5a9cd2 color description : Moderate blue.
#5a9cd2 Color Conversion
The hexadecimal color #5a9cd2 has RGB values of R:90, G:156, B:210 and CMYK values of C:0.57, M:0.26, Y:0, K:0.18. Its decimal value is 5938386.
Hex triplet | 5a9cd2 | #5a9cd2 |
---|---|---|
RGB Decimal | 90, 156, 210 | rgb(90,156,210) |
RGB Percent | 35.3, 61.2, 82.4 | rgb(35.3%,61.2%,82.4%) |
CMYK | 57, 26, 0, 18 | |
HSL | 207°, 57.1, 58.8 | hsl(207,57.1%,58.8%) |
HSV (or HSB) | 207°, 57.1, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.17, -5.301, -33.983 |
---|---|
XYZ | 27.735, 30.602, 65.414 |
xyY | 0.224, 0.247, 30.602 |
CIE-LCH | 62.17, 34.394, 261.134 |
CIE-LUV | 62.17, -28.62, -52.61 |
Hunter-Lab | 55.319, -7.315, -31.387 |
Binary | 01011010, 10011100, 11010010 |
Color Schemes with #5a9cd2
Alternatives to #5a9cd2
Below, you can see some colors close to #5a9cd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a9cd2 Preview
This text has a font color of #5a9cd2.
<span style="color:#5a9cd2;">Text here</span>
This paragraph has a background color of #5a9cd2.
<p style="background-color:#5a9cd2;">Content here</p>
This element has a border color of #5a9cd2.
<div style="border:1px solid #5a9cd2;">Content here</div>
.text {color:#5a9cd2;}
.background {background-color:#5a9cd2;}
.border {border:1px solid #5a9cd2;}
Shades and Tints of #5a9cd2
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, #010305 is the darkest color, while #f4f8fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050d14
#050d14
rgb(5,13,20)
-
#0a1823
#0a1823
rgb(10,24,35)
-
#0e2233
#0e2233
rgb(14,34,51)
-
#122d42
#122d42
rgb(18,45,66)
-
#163752
#163752
rgb(22,55,82)
-
#1a4161
#1a4161
rgb(26,65,97)
-
#1f4c70
#1f4c70
rgb(31,76,112)
-
#235680
#235680
rgb(35,86,128)
-
#27608f
#27608f
rgb(39,96,143)
-
#2b6b9f
#2b6b9f
rgb(43,107,159)
-
#2f75ae
#2f75ae
rgb(47,117,174)
-
#347fbd
#347fbd
rgb(52,127,189)
-
#3b8aca
#3b8aca
rgb(59,138,202)
-
#4b93ce
#4b93ce
rgb(75,147,206)
-
#5a9cd2
#5a9cd2
rgb(90,156,210)
-
#69a5d6
#69a5d6
rgb(105,165,214)
-
#79aeda
#79aeda
rgb(121,174,218)
-
#88b8df
#88b8df
rgb(136,184,223)
-
#98c1e3
#98c1e3
rgb(152,193,227)
-
#a7cae7
#a7cae7
rgb(167,202,231)
-
#b6d3eb
#b6d3eb
rgb(182,211,235)
-
#c6ddef
#c6ddef
rgb(198,221,239)
-
#d5e6f4
#d5e6f4
rgb(213,230,244)
-
#e5eff8
#e5eff8
rgb(229,239,248)
-
#f4f8fc
#f4f8fc
rgb(244,248,252)
Tones of #5a9cd2
A tone is produced by adding gray to any pure hue. In this case, #939699 is the less saturated color, while #32a0fa is the most saturated one.
-
#939699
#939699
rgb(147,150,153)
-
#8a97a2
#8a97a2
rgb(138,151,162)
-
#8298aa
#8298aa
rgb(130,152,170)
-
#7a99b2
#7a99b2
rgb(122,153,178)
-
#729aba
#729aba
rgb(114,154,186)
-
#6a9ac2
#6a9ac2
rgb(106,154,194)
-
#629bca
#629bca
rgb(98,155,202)
-
#5a9cd2
#5a9cd2
rgb(90,156,210)
-
#529dda
#529dda
rgb(82,157,218)
-
#4a9ee2
#4a9ee2
rgb(74,158,226)
-
#429eea
#429eea
rgb(66,158,234)
-
#3a9ff2
#3a9ff2
rgb(58,159,242)
-
#32a0fa
#32a0fa
rgb(50,160,250)
Color Blindness Simulator
Below, you can see how #5a9cd2 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.