#55bbde Color Information
In a RGB color space, hex #55bbde is composed of 33.3% red, 73.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 15.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.3 degrees, a saturation of 67.5% and a lightness of 60.2%. #55bbde color hex could be obtained by blending #aaffff with #0077bd. Closest websafe color is: #66cccc.
-
- R 33
- G 73
- B 87
-
- C 62
- M 16
- Y 0
- K 13
● #55bbde color description : Soft blue.
#55bbde Color Conversion
The hexadecimal color #55bbde has RGB values of R:85, G:187, B:222 and CMYK values of C:0.62, M:0.16, Y:0, K:0.13. Its decimal value is 5618654.
Hex triplet | 55bbde | #55bbde |
---|---|---|
RGB Decimal | 85, 187, 222 | rgb(85,187,222) |
RGB Percent | 33.3, 73.3, 87.1 | rgb(33.3%,73.3%,87.1%) |
CMYK | 62, 16, 0, 13 | |
HSL | 195.3°, 67.5, 60.2 | hsl(195.3,67.5%,60.2%) |
HSV (or HSB) | 195.3°, 61.7, 87.1 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 71.38, -19.291, -26.385 |
---|---|
XYZ | 34.698, 42.743, 75.525 |
xyY | 0.227, 0.279, 42.743 |
CIE-LCH | 71.38, 32.685, 233.828 |
CIE-LUV | 71.38, -40.867, -39.021 |
Hunter-Lab | 65.378, -19.677, -22.727 |
Binary | 01010101, 10111011, 11011110 |
Color Schemes with #55bbde
Alternatives to #55bbde
Below, you can see some colors close to #55bbde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55bbde Preview
This text has a font color of #55bbde.
<span style="color:#55bbde;">Text here</span>
This paragraph has a background color of #55bbde.
<p style="background-color:#55bbde;">Content here</p>
This element has a border color of #55bbde.
<div style="border:1px solid #55bbde;">Content here</div>
.text {color:#55bbde;}
.background {background-color:#55bbde;}
.border {border:1px solid #55bbde;}
Shades and Tints of #55bbde
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)
-
#05161b
#05161b
rgb(5,22,27)
-
#08232c
#08232c
rgb(8,35,44)
-
#0c303c
#0c303c
rgb(12,48,60)
-
#0f3d4c
#0f3d4c
rgb(15,61,76)
-
#124a5d
#124a5d
rgb(18,74,93)
-
#15576d
#15576d
rgb(21,87,109)
-
#18647e
#18647e
rgb(24,100,126)
-
#1c718e
#1c718e
rgb(28,113,142)
-
#1f7e9f
#1f7e9f
rgb(31,126,159)
-
#228baf
#228baf
rgb(34,139,175)
-
#2598bf
#2598bf
rgb(37,152,191)
-
#28a5d0
#28a5d0
rgb(40,165,208)
-
#34aed8
#34aed8
rgb(52,174,216)
-
#45b4db
#45b4db
rgb(69,180,219)
-
#55bbde
#55bbde
rgb(85,187,222)
-
#65c2e1
#65c2e1
rgb(101,194,225)
-
#76c8e4
#76c8e4
rgb(118,200,228)
-
#86cfe8
#86cfe8
rgb(134,207,232)
-
#97d5eb
#97d5eb
rgb(151,213,235)
-
#a7dcee
#a7dcee
rgb(167,220,238)
-
#b8e2f1
#b8e2f1
rgb(184,226,241)
-
#c8e9f4
#c8e9f4
rgb(200,233,244)
-
#d8f0f8
#d8f0f8
rgb(216,240,248)
-
#e9f6fb
#e9f6fb
rgb(233,246,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #55bbde
A tone is produced by adding gray to any pure hue. In this case, #939ca0 is the less saturated color, while #36cafd is the most saturated one.
-
#939ca0
#939ca0
rgb(147,156,160)
-
#8ca0a7
#8ca0a7
rgb(140,160,167)
-
#84a4af
#84a4af
rgb(132,164,175)
-
#7ca8b7
#7ca8b7
rgb(124,168,183)
-
#74acbf
#74acbf
rgb(116,172,191)
-
#6cb0c7
#6cb0c7
rgb(108,176,199)
-
#65b3ce
#65b3ce
rgb(101,179,206)
-
#5db7d6
#5db7d6
rgb(93,183,214)
-
#55bbde
#55bbde
rgb(85,187,222)
-
#4dbfe6
#4dbfe6
rgb(77,191,230)
-
#45c3ee
#45c3ee
rgb(69,195,238)
-
#3ec6f5
#3ec6f5
rgb(62,198,245)
-
#36cafd
#36cafd
rgb(54,202,253)
Color Blindness Simulator
Below, you can see how #55bbde 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.