#5aa9cb Color Information
In a RGB color space, hex #5aa9cb is composed of 35.3% red, 66.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 16.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 198.1 degrees, a saturation of 52.1% and a lightness of 57.5%. #5aa9cb color hex could be obtained by blending #b4ffff with #005397. Closest websafe color is: #6699cc.
-
- R 35
- G 66
- B 80
-
- C 56
- M 17
- Y 0
- K 20
● #5aa9cb color description : Moderate blue.
#5aa9cb Color Conversion
The hexadecimal color #5aa9cb has RGB values of R:90, G:169, B:203 and CMYK values of C:0.56, M:0.17, Y:0, K:0.2. Its decimal value is 5941707.
| Hex triplet | 5aa9cb | #5aa9cb |
|---|---|---|
| RGB Decimal | 90, 169, 203 | rgb(90,169,203) |
| RGB Percent | 35.3, 66.3, 79.6 | rgb(35.3%,66.3%,79.6%) |
| CMYK | 56, 17, 0, 20 | |
| HSL | 198.1°, 52.1, 57.5 | hsl(198.1,52.1%,57.5%) |
| HSV (or HSB) | 198.1°, 55.7, 79.6 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 65.639, -14.586, -24.734 |
|---|---|
| XYZ | 29.181, 34.859, 61.687 |
| xyY | 0.232, 0.277, 34.859 |
| CIE-LCH | 65.639, 28.715, 239.472 |
| CIE-LUV | 65.639, -33.698, -36.455 |
| Hunter-Lab | 59.042, -15.101, -20.617 |
| Binary | 01011010, 10101001, 11001011 |
Color Schemes with #5aa9cb
Alternatives to #5aa9cb
Below, you can see some colors close to #5aa9cb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa9cb Preview
This text has a font color of #5aa9cb.
<span style="color:#5aa9cb;">Text here</span>
This paragraph has a background color of #5aa9cb.
<p style="background-color:#5aa9cb;">Content here</p>
This element has a border color of #5aa9cb.
<div style="border:1px solid #5aa9cb;">Content here</div>
.text {color:#5aa9cb;}
.background {background-color:#5aa9cb;}
.border {border:1px solid #5aa9cb;}
Shades and Tints of #5aa9cb
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, #040b0e is the darkest color, while #feffff is the lightest one.
-
#040b0e
#040b0ergb(4,11,14) -
#09171d
#09171drgb(9,23,29) -
#0e232c
#0e232crgb(14,35,44) -
#132f3b
#132f3brgb(19,47,59) -
#173a4a
#173a4argb(23,58,74) -
#1c4659
#1c4659rgb(28,70,89) -
#215267
#215267rgb(33,82,103) -
#255e76
#255e76rgb(37,94,118) -
#2a6a85
#2a6a85rgb(42,106,133) -
#2f7694
#2f7694rgb(47,118,148) -
#3382a3
#3382a3rgb(51,130,163) -
#388db2
#388db2rgb(56,141,178) -
#3d99c1
#3d99c1rgb(61,153,193)
-
#4ba1c6
#4ba1c6rgb(75,161,198) -
#5aa9cb
#5aa9cbrgb(90,169,203) -
#69b1d0
#69b1d0rgb(105,177,208) -
#78b9d4
#78b9d4rgb(120,185,212) -
#87c0d9
#87c0d9rgb(135,192,217) -
#96c8de
#96c8dergb(150,200,222) -
#a5d0e3
#a5d0e3rgb(165,208,227) -
#b3d8e7
#b3d8e7rgb(179,216,231) -
#c2dfec
#c2dfecrgb(194,223,236) -
#d1e7f1
#d1e7f1rgb(209,231,241) -
#e0eff5
#e0eff5rgb(224,239,245) -
#eff7fa
#eff7fargb(239,247,250) -
#feffff
#feffffrgb(254,255,255)
Tones of #5aa9cb
A tone is produced by adding gray to any pure hue. In this case, #8c9599 is the less saturated color, while #28bdfd is the most saturated one.
-
#8c9599
#8c9599rgb(140,149,153) -
#8498a1
#8498a1rgb(132,152,161) -
#7b9caa
#7b9caargb(123,156,170) -
#739fb2
#739fb2rgb(115,159,178) -
#6ba2ba
#6ba2bargb(107,162,186) -
#62a6c3
#62a6c3rgb(98,166,195) -
#5aa9cb
#5aa9cbrgb(90,169,203) -
#52acd3
#52acd3rgb(82,172,211) -
#49b0dc
#49b0dcrgb(73,176,220) -
#41b3e4
#41b3e4rgb(65,179,228) -
#39b6ec
#39b6ecrgb(57,182,236) -
#30baf5
#30baf5rgb(48,186,245) -
#28bdfd
#28bdfdrgb(40,189,253)
Color Blindness Simulator
Below, you can see how #5aa9cb 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.
