#56b5ed Color Information
In a RGB color space, hex #56b5ed is composed of 33.7% red, 71% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 23.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 202.3 degrees, a saturation of 80.7% and a lightness of 63.3%. #56b5ed color hex could be obtained by blending #acffff with #006bdb. Closest websafe color is: #66ccff.
-
- R 34
- G 71
- B 93
-
- C 64
- M 24
- Y 0
- K 7
● #56b5ed color description : Soft blue.
#56b5ed Color Conversion
The hexadecimal color #56b5ed has RGB values of R:86, G:181, B:237 and CMYK values of C:0.64, M:0.24, Y:0, K:0.07. Its decimal value is 5682669.
Hex triplet | 56b5ed | #56b5ed |
---|---|---|
RGB Decimal | 86, 181, 237 | rgb(86,181,237) |
RGB Percent | 33.7, 71, 92.9 | rgb(33.7%,71%,92.9%) |
CMYK | 64, 24, 0, 7 | |
HSL | 202.3°, 80.7, 63.3 | hsl(202.3,80.7%,63.3%) |
HSV (or HSB) | 202.3°, 63.7, 92.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.272, -11.297, -36.256 |
---|---|
XYZ | 35.644, 41.138, 86.178 |
xyY | 0.219, 0.252, 41.138 |
CIE-LCH | 70.272, 37.975, 252.693 |
CIE-LUV | 70.272, -37.8, -56.671 |
Hunter-Lab | 64.139, -13.045, -34.766 |
Binary | 01010110, 10110101, 11101101 |
Color Schemes with #56b5ed
Alternatives to #56b5ed
Below, you can see some colors close to #56b5ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56b5ed Preview
This text has a font color of #56b5ed.
<span style="color:#56b5ed;">Text here</span>
This paragraph has a background color of #56b5ed.
<p style="background-color:#56b5ed;">Content here</p>
This element has a border color of #56b5ed.
<div style="border:1px solid #56b5ed;">Content here</div>
.text {color:#56b5ed;}
.background {background-color:#56b5ed;}
.border {border:1px solid #56b5ed;}
Shades and Tints of #56b5ed
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, #010608 is the darkest color, while #f6fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#03111a
#03111a
rgb(3,17,26)
-
#051d2c
#051d2c
rgb(5,29,44)
-
#07293d
#07293d
rgb(7,41,61)
-
#08354f
#08354f
rgb(8,53,79)
-
#0a4161
#0a4161
rgb(10,65,97)
-
#0c4d73
#0c4d73
rgb(12,77,115)
-
#0e5984
#0e5984
rgb(14,89,132)
-
#106496
#106496
rgb(16,100,150)
-
#1270a8
#1270a8
rgb(18,112,168)
-
#147cba
#147cba
rgb(20,124,186)
-
#1688cb
#1688cb
rgb(22,136,203)
-
#1894dd
#1894dd
rgb(24,148,221)
-
#219ee7
#219ee7
rgb(33,158,231)
-
#33a5e9
#33a5e9
rgb(51,165,233)
-
#44adeb
#44adeb
rgb(68,173,235)
-
#56b5ed
#56b5ed
rgb(86,181,237)
-
#68bdef
#68bdef
rgb(104,189,239)
-
#79c5f1
#79c5f1
rgb(121,197,241)
-
#8bccf3
#8bccf3
rgb(139,204,243)
-
#9dd4f5
#9dd4f5
rgb(157,212,245)
-
#afdcf6
#afdcf6
rgb(175,220,246)
-
#c0e4f8
#c0e4f8
rgb(192,228,248)
-
#d2ebfa
#d2ebfa
rgb(210,235,250)
-
#e4f3fc
#e4f3fc
rgb(228,243,252)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #56b5ed
A tone is produced by adding gray to any pure hue. In this case, #9ea2a5 is the less saturated color, while #48b9fb is the most saturated one.
-
#9ea2a5
#9ea2a5
rgb(158,162,165)
-
#97a4ac
#97a4ac
rgb(151,164,172)
-
#90a6b3
#90a6b3
rgb(144,166,179)
-
#88a8bb
#88a8bb
rgb(136,168,187)
-
#81aac2
#81aac2
rgb(129,170,194)
-
#7aacc9
#7aacc9
rgb(122,172,201)
-
#73aed0
#73aed0
rgb(115,174,208)
-
#6cafd7
#6cafd7
rgb(108,175,215)
-
#64b1df
#64b1df
rgb(100,177,223)
-
#5db3e6
#5db3e6
rgb(93,179,230)
-
#56b5ed
#56b5ed
rgb(86,181,237)
-
#4fb7f4
#4fb7f4
rgb(79,183,244)
-
#48b9fb
#48b9fb
rgb(72,185,251)
Color Blindness Simulator
Below, you can see how #56b5ed 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.