#5ba5d2 Color Information
In a RGB color space, hex #5ba5d2 is composed of 35.7% red, 64.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 21.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 202.7 degrees, a saturation of 56.9% and a lightness of 59%. #5ba5d2 color hex could be obtained by blending #b6ffff with #004ba5. Closest websafe color is: #6699cc.
-
- R 36
- G 65
- B 82
-
- C 57
- M 21
- Y 0
- K 18
● #5ba5d2 color description : Moderate blue.
#5ba5d2 Color Conversion
The hexadecimal color #5ba5d2 has RGB values of R:91, G:165, B:210 and CMYK values of C:0.57, M:0.21, Y:0, K:0.18. Its decimal value is 6006226.
Hex triplet | 5ba5d2 | #5ba5d2 |
---|---|---|
RGB Decimal | 91, 165, 210 | rgb(91,165,210) |
RGB Percent | 35.7, 64.7, 82.4 | rgb(35.7%,64.7%,82.4%) |
CMYK | 57, 21, 0, 18 | |
HSL | 202.7°, 56.9, 59 | hsl(202.7,56.9%,59%) |
HSV (or HSB) | 202.7°, 56.7, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.792, -10.096, -29.914 |
---|---|
XYZ | 29.4, 33.786, 65.941 |
xyY | 0.228, 0.262, 33.786 |
CIE-LCH | 64.792, 31.572, 251.351 |
CIE-LUV | 64.792, -31.692, -45.548 |
Hunter-Lab | 58.125, -11.435, -26.575 |
Binary | 01011011, 10100101, 11010010 |
Color Schemes with #5ba5d2
Alternatives to #5ba5d2
Below, you can see some colors close to #5ba5d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba5d2 Preview
This text has a font color of #5ba5d2.
<span style="color:#5ba5d2;">Text here</span>
This paragraph has a background color of #5ba5d2.
<p style="background-color:#5ba5d2;">Content here</p>
This element has a border color of #5ba5d2.
<div style="border:1px solid #5ba5d2;">Content here</div>
.text {color:#5ba5d2;}
.background {background-color:#5ba5d2;}
.border {border:1px solid #5ba5d2;}
Shades and Tints of #5ba5d2
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, #010405 is the darkest color, while #f5f9fc is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#060f15
#060f15
rgb(6,15,21)
-
#0a1a24
#0a1a24
rgb(10,26,36)
-
#0e2533
#0e2533
rgb(14,37,51)
-
#123143
#123143
rgb(18,49,67)
-
#173c52
#173c52
rgb(23,60,82)
-
#1b4762
#1b4762
rgb(27,71,98)
-
#1f5271
#1f5271
rgb(31,82,113)
-
#235d80
#235d80
rgb(35,93,128)
-
#276890
#276890
rgb(39,104,144)
-
#2c749f
#2c749f
rgb(44,116,159)
-
#307faf
#307faf
rgb(48,127,175)
-
#348abe
#348abe
rgb(52,138,190)
-
#3c94ca
#3c94ca
rgb(60,148,202)
-
#4c9dce
#4c9dce
rgb(76,157,206)
-
#5ba5d2
#5ba5d2
rgb(91,165,210)
-
#6aadd6
#6aadd6
rgb(106,173,214)
-
#7ab6da
#7ab6da
rgb(122,182,218)
-
#89bedf
#89bedf
rgb(137,190,223)
-
#99c7e3
#99c7e3
rgb(153,199,227)
-
#a8cfe7
#a8cfe7
rgb(168,207,231)
-
#b7d8eb
#b7d8eb
rgb(183,216,235)
-
#c7e0f0
#c7e0f0
rgb(199,224,240)
-
#d6e9f4
#d6e9f4
rgb(214,233,244)
-
#e6f1f8
#e6f1f8
rgb(230,241,248)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #5ba5d2
A tone is produced by adding gray to any pure hue. In this case, #93979a is the less saturated color, while #33affa is the most saturated one.
-
#93979a
#93979a
rgb(147,151,154)
-
#8b99a2
#8b99a2
rgb(139,153,162)
-
#839baa
#839baa
rgb(131,155,170)
-
#7b9db2
#7b9db2
rgb(123,157,178)
-
#739fba
#739fba
rgb(115,159,186)
-
#6ba1c2
#6ba1c2
rgb(107,161,194)
-
#63a3ca
#63a3ca
rgb(99,163,202)
-
#5ba5d2
#5ba5d2
rgb(91,165,210)
-
#53a7da
#53a7da
rgb(83,167,218)
-
#4ba9e2
#4ba9e2
rgb(75,169,226)
-
#43abea
#43abea
rgb(67,171,234)
-
#3badf2
#3badf2
rgb(59,173,242)
-
#33affa
#33affa
rgb(51,175,250)
Color Blindness Simulator
Below, you can see how #5ba5d2 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.