#56b5dd Color Information
In a RGB color space, hex #56b5dd is composed of 33.7% red, 71% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 18.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 197.8 degrees, a saturation of 66.5% and a lightness of 60.2%. #56b5dd color hex could be obtained by blending #acffff with #006bbb. Closest websafe color is: #66cccc.
-
- R 34
- G 71
- B 87
-
- C 61
- M 18
- Y 0
- K 13
● #56b5dd color description : Soft blue.
#56b5dd Color Conversion
The hexadecimal color #56b5dd has RGB values of R:86, G:181, B:221 and CMYK values of C:0.61, M:0.18, Y:0, K:0.13. Its decimal value is 5682653.
Hex triplet | 56b5dd | #56b5dd |
---|---|---|
RGB Decimal | 86, 181, 221 | rgb(86,181,221) |
RGB Percent | 33.7, 71, 86.7 | rgb(33.7%,71%,86.7%) |
CMYK | 61, 18, 0, 13 | |
HSL | 197.8°, 66.5, 60.2 | hsl(197.8,66.5%,60.2%) |
HSV (or HSB) | 197.8°, 61.1, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.643, -16.282, -28.505 |
---|---|
XYZ | 33.409, 40.244, 74.41 |
xyY | 0.226, 0.272, 40.244 |
CIE-LCH | 69.643, 32.827, 240.264 |
CIE-LUV | 69.643, -38.479, -42.845 |
Hunter-Lab | 63.438, -17.011, -25.137 |
Binary | 01010110, 10110101, 11011101 |
Color Schemes with #56b5dd
Alternatives to #56b5dd
Below, you can see some colors close to #56b5dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56b5dd Preview
This text has a font color of #56b5dd.
<span style="color:#56b5dd;">Text here</span>
This paragraph has a background color of #56b5dd.
<p style="background-color:#56b5dd;">Content here</p>
This element has a border color of #56b5dd.
<div style="border:1px solid #56b5dd;">Content here</div>
.text {color:#56b5dd;}
.background {background-color:#56b5dd;}
.border {border:1px solid #56b5dd;}
Shades and Tints of #56b5dd
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, #02080b is the darkest color, while #f9fdfe is the lightest one.
-
#02080b
#02080b
rgb(2,8,11)
-
#05151b
#05151b
rgb(5,21,27)
-
#09212b
#09212b
rgb(9,33,43)
-
#0c2e3c
#0c2e3c
rgb(12,46,60)
-
#0f3a4c
#0f3a4c
rgb(15,58,76)
-
#13465c
#13465c
rgb(19,70,92)
-
#16536d
#16536d
rgb(22,83,109)
-
#195f7d
#195f7d
rgb(25,95,125)
-
#1c6c8d
#1c6c8d
rgb(28,108,141)
-
#20789e
#20789e
rgb(32,120,158)
-
#2385ae
#2385ae
rgb(35,133,174)
-
#2691be
#2691be
rgb(38,145,190)
-
#2a9ecf
#2a9ecf
rgb(42,158,207)
-
#35a7d6
#35a7d6
rgb(53,167,214)
-
#46aeda
#46aeda
rgb(70,174,218)
-
#56b5dd
#56b5dd
rgb(86,181,221)
-
#66bce0
#66bce0
rgb(102,188,224)
-
#77c3e4
#77c3e4
rgb(119,195,228)
-
#87cae7
#87cae7
rgb(135,202,231)
-
#97d2ea
#97d2ea
rgb(151,210,234)
-
#a8d9ed
#a8d9ed
rgb(168,217,237)
-
#b8e0f1
#b8e0f1
rgb(184,224,241)
-
#c8e7f4
#c8e7f4
rgb(200,231,244)
-
#d9eef7
#d9eef7
rgb(217,238,247)
-
#e9f5fb
#e9f5fb
rgb(233,245,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #56b5dd
A tone is produced by adding gray to any pure hue. In this case, #949c9f is the less saturated color, while #37c2fc is the most saturated one.
-
#949c9f
#949c9f
rgb(148,156,159)
-
#8d9fa6
#8d9fa6
rgb(141,159,166)
-
#85a2ae
#85a2ae
rgb(133,162,174)
-
#7da5b6
#7da5b6
rgb(125,165,182)
-
#75a8be
#75a8be
rgb(117,168,190)
-
#6dabc6
#6dabc6
rgb(109,171,198)
-
#66afcd
#66afcd
rgb(102,175,205)
-
#5eb2d5
#5eb2d5
rgb(94,178,213)
-
#56b5dd
#56b5dd
rgb(86,181,221)
-
#4eb8e5
#4eb8e5
rgb(78,184,229)
-
#46bbed
#46bbed
rgb(70,187,237)
-
#3fbff4
#3fbff4
rgb(63,191,244)
-
#37c2fc
#37c2fc
rgb(55,194,252)
Color Blindness Simulator
Below, you can see how #56b5dd 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.