#5b9ddd Color Information
In a RGB color space, hex #5b9ddd is composed of 35.7% red, 61.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 29% magenta, 0% yellow and 13.3% black. It has a hue angle of 209.5 degrees, a saturation of 65.7% and a lightness of 61.2%. #5b9ddd color hex could be obtained by blending #b6ffff with #003bbb. Closest websafe color is: #6699cc.
-
- R 36
- G 62
- B 87
-
- C 59
- M 29
- Y 0
- K 13
● #5b9ddd color description : Soft blue.
#5b9ddd Color Conversion
The hexadecimal color #5b9ddd has RGB values of R:91, G:157, B:221 and CMYK values of C:0.59, M:0.29, Y:0, K:0.13. Its decimal value is 6004189.
Hex triplet | 5b9ddd | #5b9ddd |
---|---|---|
RGB Decimal | 91, 157, 221 | rgb(91,157,221) |
RGB Percent | 35.7, 61.6, 86.7 | rgb(35.7%,61.6%,86.7%) |
CMYK | 59, 29, 0, 13 | |
HSL | 209.5°, 65.7, 61.2 | hsl(209.5,65.7%,61.2%) |
HSV (or HSB) | 209.5°, 58.8, 86.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 62.975, -2.186, -38.837 |
---|---|
XYZ | 29.419, 31.557, 72.943 |
xyY | 0.22, 0.236, 31.557 |
CIE-LCH | 62.975, 38.898, 266.778 |
CIE-LUV | 62.975, -28.458, -61.198 |
Hunter-Lab | 56.175, -4.825, -37.665 |
Binary | 01011011, 10011101, 11011101 |
Color Schemes with #5b9ddd
Alternatives to #5b9ddd
Below, you can see some colors close to #5b9ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5b9ddd Preview
This text has a font color of #5b9ddd.
<span style="color:#5b9ddd;">Text here</span>
This paragraph has a background color of #5b9ddd.
<p style="background-color:#5b9ddd;">Content here</p>
This element has a border color of #5b9ddd.
<div style="border:1px solid #5b9ddd;">Content here</div>
.text {color:#5b9ddd;}
.background {background-color:#5b9ddd;}
.border {border:1px solid #5b9ddd;}
Shades and Tints of #5b9ddd
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, #03090f is the darkest color, while #fdfeff is the lightest one.
-
#03090f
#03090f
rgb(3,9,15)
-
#06131f
#06131f
rgb(6,19,31)
-
#0a1d2f
#0a1d2f
rgb(10,29,47)
-
#0d273f
#0d273f
rgb(13,39,63)
-
#113150
#113150
rgb(17,49,80)
-
#143b60
#143b60
rgb(20,59,96)
-
#174470
#174470
rgb(23,68,112)
-
#1b4e80
#1b4e80
rgb(27,78,128)
-
#1e5891
#1e5891
rgb(30,88,145)
-
#2162a1
#2162a1
rgb(33,98,161)
-
#256cb1
#256cb1
rgb(37,108,177)
-
#2876c1
#2876c1
rgb(40,118,193)
-
#2b80d2
#2b80d2
rgb(43,128,210)
-
#3b8ad6
#3b8ad6
rgb(59,138,214)
-
#4b93da
#4b93da
rgb(75,147,218)
-
#5b9ddd
#5b9ddd
rgb(91,157,221)
-
#6ba7e0
#6ba7e0
rgb(107,167,224)
-
#7bb0e4
#7bb0e4
rgb(123,176,228)
-
#8cbae7
#8cbae7
rgb(140,186,231)
-
#9cc4ea
#9cc4ea
rgb(156,196,234)
-
#acceee
#acceee
rgb(172,206,238)
-
#bcd7f1
#bcd7f1
rgb(188,215,241)
-
#cde1f5
#cde1f5
rgb(205,225,245)
-
#ddebf8
#ddebf8
rgb(221,235,248)
-
#edf4fb
#edf4fb
rgb(237,244,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #5b9ddd
A tone is produced by adding gray to any pure hue. In this case, #989ca0 is the less saturated color, while #3d9dfb is the most saturated one.
-
#989ca0
#989ca0
rgb(152,156,160)
-
#909ca8
#909ca8
rgb(144,156,168)
-
#899caf
#899caf
rgb(137,156,175)
-
#819cb7
#819cb7
rgb(129,156,183)
-
#799dbf
#799dbf
rgb(121,157,191)
-
#729dc6
#729dc6
rgb(114,157,198)
-
#6a9dce
#6a9dce
rgb(106,157,206)
-
#639dd5
#639dd5
rgb(99,157,213)
-
#5b9ddd
#5b9ddd
rgb(91,157,221)
-
#539de5
#539de5
rgb(83,157,229)
-
#4c9dec
#4c9dec
rgb(76,157,236)
-
#449df4
#449df4
rgb(68,157,244)
-
#3d9dfb
#3d9dfb
rgb(61,157,251)
Color Blindness Simulator
Below, you can see how #5b9ddd 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.