#55bbdd Color Information
In a RGB color space, hex #55bbdd is composed of 33.3% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 195 degrees, a saturation of 66.7% and a lightness of 60%. #55bbdd color hex could be obtained by blending #aaffff with #0077bb. Closest websafe color is: #66cccc.
-
- R 33
- G 73
- B 87
-
- C 62
- M 15
- Y 0
- K 13
● #55bbdd color description : Soft blue.
#55bbdd Color Conversion
The hexadecimal color #55bbdd has RGB values of R:85, G:187, B:221 and CMYK values of C:0.62, M:0.15, Y:0, K:0.13. Its decimal value is 5618653.
Hex triplet | 55bbdd | #55bbdd |
---|---|---|
RGB Decimal | 85, 187, 221 | rgb(85,187,221) |
RGB Percent | 33.3, 73.3, 86.7 | rgb(33.3%,73.3%,86.7%) |
CMYK | 62, 15, 0, 13 | |
HSL | 195°, 66.7, 60 | hsl(195,66.7%,60%) |
HSV (or HSB) | 195°, 61.5, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 71.344, -19.593, -25.896 |
---|---|
XYZ | 34.564, 42.69, 74.821 |
xyY | 0.227, 0.281, 42.69 |
CIE-LCH | 71.344, 32.473, 232.889 |
CIE-LUV | 71.344, -40.914, -38.158 |
Hunter-Lab | 65.337, -19.912, -22.16 |
Binary | 01010101, 10111011, 11011101 |
Color Schemes with #55bbdd
Alternatives to #55bbdd
Below, you can see some colors close to #55bbdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55bbdd Preview
This text has a font color of #55bbdd.
<span style="color:#55bbdd;">Text here</span>
This paragraph has a background color of #55bbdd.
<p style="background-color:#55bbdd;">Content here</p>
This element has a border color of #55bbdd.
<div style="border:1px solid #55bbdd;">Content here</div>
.text {color:#55bbdd;}
.background {background-color:#55bbdd;}
.border {border:1px solid #55bbdd;}
Shades and Tints of #55bbdd
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, #02080a is the darkest color, while #f8fcfe is the lightest one.
-
#02080a
#02080a
rgb(2,8,10)
-
#05151a
#05151a
rgb(5,21,26)
-
#08222b
#08222b
rgb(8,34,43)
-
#0c2f3b
#0c2f3b
rgb(12,47,59)
-
#0f3c4b
#0f3c4b
rgb(15,60,75)
-
#12495c
#12495c
rgb(18,73,92)
-
#16566c
#16566c
rgb(22,86,108)
-
#19637c
#19637c
rgb(25,99,124)
-
#1c708d
#1c708d
rgb(28,112,141)
-
#1f7e9d
#1f7e9d
rgb(31,126,157)
-
#238bad
#238bad
rgb(35,139,173)
-
#2698be
#2698be
rgb(38,152,190)
-
#29a5ce
#29a5ce
rgb(41,165,206)
-
#34aed6
#34aed6
rgb(52,174,214)
-
#45b4da
#45b4da
rgb(69,180,218)
-
#55bbdd
#55bbdd
rgb(85,187,221)
-
#65c2e0
#65c2e0
rgb(101,194,224)
-
#76c8e4
#76c8e4
rgb(118,200,228)
-
#86cfe7
#86cfe7
rgb(134,207,231)
-
#96d5ea
#96d5ea
rgb(150,213,234)
-
#a7dced
#a7dced
rgb(167,220,237)
-
#b7e2f1
#b7e2f1
rgb(183,226,241)
-
#c7e9f4
#c7e9f4
rgb(199,233,244)
-
#d8eff7
#d8eff7
rgb(216,239,247)
-
#e8f6fa
#e8f6fa
rgb(232,246,250)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #55bbdd
A tone is produced by adding gray to any pure hue. In this case, #949c9e is the less saturated color, while #36cbfc is the most saturated one.
-
#949c9e
#949c9e
rgb(148,156,158)
-
#8ca0a6
#8ca0a6
rgb(140,160,166)
-
#84a3ae
#84a3ae
rgb(132,163,174)
-
#7ca7b6
#7ca7b6
rgb(124,167,182)
-
#74abbe
#74abbe
rgb(116,171,190)
-
#6dafc5
#6dafc5
rgb(109,175,197)
-
#65b3cd
#65b3cd
rgb(101,179,205)
-
#5db7d5
#5db7d5
rgb(93,183,213)
-
#55bbdd
#55bbdd
rgb(85,187,221)
-
#4dbfe5
#4dbfe5
rgb(77,191,229)
-
#45c3ed
#45c3ed
rgb(69,195,237)
-
#3dc7f5
#3dc7f5
rgb(61,199,245)
-
#36cbfc
#36cbfc
rgb(54,203,252)
Color Blindness Simulator
Below, you can see how #55bbdd 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.