#5ba7cf Color Information
In a RGB color space, hex #5ba7cf is composed of 35.7% red, 65.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 19.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 200.7 degrees, a saturation of 54.7% and a lightness of 58.4%. #5ba7cf color hex could be obtained by blending #b6ffff with #004f9f. Closest websafe color is: #6699cc.
-
- R 36
- G 65
- B 81
-
- C 56
- M 19
- Y 0
- K 19
● #5ba7cf color description : Moderate blue.
#5ba7cf Color Conversion
The hexadecimal color #5ba7cf has RGB values of R:91, G:167, B:207 and CMYK values of C:0.56, M:0.19, Y:0, K:0.19. Its decimal value is 6006735.
Hex triplet | 5ba7cf | #5ba7cf |
---|---|---|
RGB Decimal | 91, 167, 207 | rgb(91,167,207) |
RGB Percent | 35.7, 65.5, 81.2 | rgb(35.7%,65.5%,81.2%) |
CMYK | 56, 19, 0, 19 | |
HSL | 200.7°, 54.7, 58.4 | hsl(200.7,54.7%,58.4%) |
HSV (or HSB) | 200.7°, 56, 81.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 65.251, -12.1, -27.544 |
---|---|
XYZ | 29.393, 34.365, 64.112 |
xyY | 0.23, 0.269, 34.365 |
CIE-LCH | 65.251, 30.085, 246.285 |
CIE-LUV | 65.251, -32.536, -41.395 |
Hunter-Lab | 58.621, -13.087, -23.808 |
Binary | 01011011, 10100111, 11001111 |
Color Schemes with #5ba7cf
Alternatives to #5ba7cf
Below, you can see some colors close to #5ba7cf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba7cf Preview
This text has a font color of #5ba7cf.
<span style="color:#5ba7cf;">Text here</span>
This paragraph has a background color of #5ba7cf.
<p style="background-color:#5ba7cf;">Content here</p>
This element has a border color of #5ba7cf.
<div style="border:1px solid #5ba7cf;">Content here</div>
.text {color:#5ba7cf;}
.background {background-color:#5ba7cf;}
.border {border:1px solid #5ba7cf;}
Shades and Tints of #5ba7cf
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, #010203 is the darkest color, while #f3f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050e12
#050e12
rgb(5,14,18)
-
#0a1921
#0a1921
rgb(10,25,33)
-
#0e2530
#0e2530
rgb(14,37,48)
-
#133040
#133040
rgb(19,48,64)
-
#173c4f
#173c4f
rgb(23,60,79)
-
#1c475e
#1c475e
rgb(28,71,94)
-
#20536d
#20536d
rgb(32,83,109)
-
#245e7c
#245e7c
rgb(36,94,124)
-
#29698b
#29698b
rgb(41,105,139)
-
#2d759b
#2d759b
rgb(45,117,155)
-
#3280aa
#3280aa
rgb(50,128,170)
-
#368cb9
#368cb9
rgb(54,140,185)
-
#3d97c6
#3d97c6
rgb(61,151,198)
-
#4c9fcb
#4c9fcb
rgb(76,159,203)
-
#5ba7cf
#5ba7cf
rgb(91,167,207)
-
#6aafd3
#6aafd3
rgb(106,175,211)
-
#79b7d8
#79b7d8
rgb(121,183,216)
-
#89bfdc
#89bfdc
rgb(137,191,220)
-
#98c8e1
#98c8e1
rgb(152,200,225)
-
#a7d0e5
#a7d0e5
rgb(167,208,229)
-
#b6d8ea
#b6d8ea
rgb(182,216,234)
-
#c5e0ee
#c5e0ee
rgb(197,224,238)
-
#d4e8f3
#d4e8f3
rgb(212,232,243)
-
#e4f0f7
#e4f0f7
rgb(228,240,247)
-
#f3f8fb
#f3f8fb
rgb(243,248,251)
Tones of #5ba7cf
A tone is produced by adding gray to any pure hue. In this case, #949596 is the less saturated color, while #32b4f8 is the most saturated one.
-
#949596
#949596
rgb(148,149,150)
-
#8c989e
#8c989e
rgb(140,152,158)
-
#849aa6
#849aa6
rgb(132,154,166)
-
#7c9dae
#7c9dae
rgb(124,157,174)
-
#739fb7
#739fb7
rgb(115,159,183)
-
#6ba2bf
#6ba2bf
rgb(107,162,191)
-
#63a4c7
#63a4c7
rgb(99,164,199)
-
#5ba7cf
#5ba7cf
rgb(91,167,207)
-
#53aad7
#53aad7
rgb(83,170,215)
-
#4bacdf
#4bacdf
rgb(75,172,223)
-
#43afe7
#43afe7
rgb(67,175,231)
-
#3ab1f0
#3ab1f0
rgb(58,177,240)
-
#32b4f8
#32b4f8
rgb(50,180,248)
Color Blindness Simulator
Below, you can see how #5ba7cf 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.