#5ba9cb Color Information
In a RGB color space, hex #5ba9cb is composed of 35.7% red, 66.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 16.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 198.2 degrees, a saturation of 51.9% and a lightness of 57.6%. #5ba9cb color hex could be obtained by blending #b6ffff with #005397. Closest websafe color is: #6699cc.
-
- R 36
- G 66
- B 80
-
- C 55
- M 17
- Y 0
- K 20
● #5ba9cb color description : Moderate blue.
#5ba9cb Color Conversion
The hexadecimal color #5ba9cb has RGB values of R:91, G:169, B:203 and CMYK values of C:0.55, M:0.17, Y:0, K:0.2. Its decimal value is 6007243.
| Hex triplet | 5ba9cb | #5ba9cb |
|---|---|---|
| RGB Decimal | 91, 169, 203 | rgb(91,169,203) |
| RGB Percent | 35.7, 66.3, 79.6 | rgb(35.7%,66.3%,79.6%) |
| CMYK | 55, 17, 0, 20 | |
| HSL | 198.2°, 51.9, 57.6 | hsl(198.2,51.9%,57.6%) |
| HSV (or HSB) | 198.2°, 55.2, 79.6 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 65.678, -14.379, -24.671 |
|---|---|
| XYZ | 29.279, 34.91, 61.692 |
| xyY | 0.233, 0.277, 34.91 |
| CIE-LCH | 65.678, 28.555, 239.765 |
| CIE-LUV | 65.678, -33.424, -36.379 |
| Hunter-Lab | 59.085, -14.943, -20.547 |
| Binary | 01011011, 10101001, 11001011 |
Color Schemes with #5ba9cb
Alternatives to #5ba9cb
Below, you can see some colors close to #5ba9cb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba9cb Preview
This text has a font color of #5ba9cb.
<span style="color:#5ba9cb;">Text here</span>
This paragraph has a background color of #5ba9cb.
<p style="background-color:#5ba9cb;">Content here</p>
This element has a border color of #5ba9cb.
<div style="border:1px solid #5ba9cb;">Content here</div>
.text {color:#5ba9cb;}
.background {background-color:#5ba9cb;}
.border {border:1px solid #5ba9cb;}
Shades and Tints of #5ba9cb
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, #050c0f is the darkest color, while #ffffff is the lightest one.
-
#050c0f
#050c0frgb(5,12,15) -
#09171e
#09171ergb(9,23,30) -
#0e232d
#0e232drgb(14,35,45) -
#132f3b
#132f3brgb(19,47,59) -
#183b4a
#183b4argb(24,59,74) -
#1c4759
#1c4759rgb(28,71,89) -
#215268
#215268rgb(33,82,104) -
#265e77
#265e77rgb(38,94,119) -
#2a6a86
#2a6a86rgb(42,106,134) -
#2f7695
#2f7695rgb(47,118,149) -
#3482a4
#3482a4rgb(52,130,164) -
#398eb3
#398eb3rgb(57,142,179) -
#3d99c1
#3d99c1rgb(61,153,193)
-
#4ca1c6
#4ca1c6rgb(76,161,198) -
#5ba9cb
#5ba9cbrgb(91,169,203) -
#6ab1d0
#6ab1d0rgb(106,177,208) -
#79b9d4
#79b9d4rgb(121,185,212) -
#88c0d9
#88c0d9rgb(136,192,217) -
#97c8de
#97c8dergb(151,200,222) -
#a5d0e3
#a5d0e3rgb(165,208,227) -
#b4d8e7
#b4d8e7rgb(180,216,231) -
#c3e0ec
#c3e0ecrgb(195,224,236) -
#d2e7f1
#d2e7f1rgb(210,231,241) -
#e1eff6
#e1eff6rgb(225,239,246) -
#f0f7fa
#f0f7fargb(240,247,250) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #5ba9cb
A tone is produced by adding gray to any pure hue. In this case, #8d9599 is the less saturated color, while #29bdfd is the most saturated one.
-
#8d9599
#8d9599rgb(141,149,153) -
#8599a1
#8599a1rgb(133,153,161) -
#7c9caa
#7c9caargb(124,156,170) -
#749fb2
#749fb2rgb(116,159,178) -
#6ca2ba
#6ca2bargb(108,162,186) -
#63a6c3
#63a6c3rgb(99,166,195) -
#5ba9cb
#5ba9cbrgb(91,169,203) -
#53acd3
#53acd3rgb(83,172,211) -
#4ab0dc
#4ab0dcrgb(74,176,220) -
#42b3e4
#42b3e4rgb(66,179,228) -
#3ab6ec
#3ab6ecrgb(58,182,236) -
#31b9f5
#31b9f5rgb(49,185,245) -
#29bdfd
#29bdfdrgb(41,189,253)
Color Blindness Simulator
Below, you can see how #5ba9cb 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.
