#56b4ed Color Information
In a RGB color space, hex #56b4ed is composed of 33.7% red, 70.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 24.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 202.6 degrees, a saturation of 80.7% and a lightness of 63.3%. #56b4ed color hex could be obtained by blending #acffff with #0069db. Closest websafe color is: #66ccff.
-
- R 34
- G 71
- B 93
-
- C 64
- M 24
- Y 0
- K 7
● #56b4ed color description : Soft blue.
#56b4ed Color Conversion
The hexadecimal color #56b4ed has RGB values of R:86, G:180, B:237 and CMYK values of C:0.64, M:0.24, Y:0, K:0.07. Its decimal value is 5682413.
Hex triplet | 56b4ed | #56b4ed |
---|---|---|
RGB Decimal | 86, 180, 237 | rgb(86,180,237) |
RGB Percent | 33.7, 70.6, 92.9 | rgb(33.7%,70.6%,92.9%) |
CMYK | 64, 24, 0, 7 | |
HSL | 202.6°, 80.7, 63.3 | hsl(202.6,80.7%,63.3%) |
HSV (or HSB) | 202.6°, 63.7, 92.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 69.988, -10.757, -36.698 |
---|---|
XYZ | 35.441, 40.733, 86.111 |
xyY | 0.218, 0.251, 40.733 |
CIE-LCH | 69.988, 38.242, 253.663 |
CIE-LUV | 69.988, -37.442, -57.46 |
Hunter-Lab | 63.822, -12.566, -35.32 |
Binary | 01010110, 10110100, 11101101 |
Color Schemes with #56b4ed
Alternatives to #56b4ed
Below, you can see some colors close to #56b4ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#56b4ed Preview
This text has a font color of #56b4ed.
<span style="color:#56b4ed;">Text here</span>
This paragraph has a background color of #56b4ed.
<p style="background-color:#56b4ed;">Content here</p>
This element has a border color of #56b4ed.
<div style="border:1px solid #56b4ed;">Content here</div>
.text {color:#56b4ed;}
.background {background-color:#56b4ed;}
.border {border:1px solid #56b4ed;}
Shades and Tints of #56b4ed
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, #010508 is the darkest color, while #f6fbfe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#03111a
#03111a
rgb(3,17,26)
-
#051d2c
#051d2c
rgb(5,29,44)
-
#07293d
#07293d
rgb(7,41,61)
-
#08344f
#08344f
rgb(8,52,79)
-
#0a4061
#0a4061
rgb(10,64,97)
-
#0c4c73
#0c4c73
rgb(12,76,115)
-
#0e5884
#0e5884
rgb(14,88,132)
-
#106396
#106396
rgb(16,99,150)
-
#126fa8
#126fa8
rgb(18,111,168)
-
#147bba
#147bba
rgb(20,123,186)
-
#1687cb
#1687cb
rgb(22,135,203)
-
#1892dd
#1892dd
rgb(24,146,221)
-
#219ce7
#219ce7
rgb(33,156,231)
-
#33a4e9
#33a4e9
rgb(51,164,233)
-
#44aceb
#44aceb
rgb(68,172,235)
-
#56b4ed
#56b4ed
rgb(86,180,237)
-
#68bcef
#68bcef
rgb(104,188,239)
-
#79c4f1
#79c4f1
rgb(121,196,241)
-
#8bccf3
#8bccf3
rgb(139,204,243)
-
#9dd3f5
#9dd3f5
rgb(157,211,245)
-
#afdbf6
#afdbf6
rgb(175,219,246)
-
#c0e3f8
#c0e3f8
rgb(192,227,248)
-
#d2ebfa
#d2ebfa
rgb(210,235,250)
-
#e4f3fc
#e4f3fc
rgb(228,243,252)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #56b4ed
A tone is produced by adding gray to any pure hue. In this case, #9ea2a5 is the less saturated color, while #48b8fb 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)
-
#81a9c2
#81a9c2
rgb(129,169,194)
-
#7aabc9
#7aabc9
rgb(122,171,201)
-
#73add0
#73add0
rgb(115,173,208)
-
#6cafd7
#6cafd7
rgb(108,175,215)
-
#64b0df
#64b0df
rgb(100,176,223)
-
#5db2e6
#5db2e6
rgb(93,178,230)
-
#56b4ed
#56b4ed
rgb(86,180,237)
-
#4fb6f4
#4fb6f4
rgb(79,182,244)
-
#48b8fb
#48b8fb
rgb(72,184,251)
Color Blindness Simulator
Below, you can see how #56b4ed 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.