#55b5f8 Color Information
In a RGB color space, hex #55b5f8 is composed of 33.3% red, 71% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 27% magenta, 0% yellow and 2.7% black. It has a hue angle of 204.7 degrees, a saturation of 92.1% and a lightness of 65.3%. #55b5f8 color hex could be obtained by blending #aaffff with #006bf1. Closest websafe color is: #66ccff.
-
- R 33
- G 71
- B 97
-
- C 66
- M 27
- Y 0
- K 3
● #55b5f8 color description : Soft blue.
#55b5f8 Color Conversion
The hexadecimal color #55b5f8 has RGB values of R:85, G:181, B:248 and CMYK values of C:0.66, M:0.27, Y:0, K:0.03. Its decimal value is 5617144.
Hex triplet | 55b5f8 | #55b5f8 |
---|---|---|
RGB Decimal | 85, 181, 248 | rgb(85,181,248) |
RGB Percent | 33.3, 71, 97.3 | rgb(33.3%,71%,97.3%) |
CMYK | 66, 27, 0, 3 | |
HSL | 204.7°, 92.1, 65.3 | hsl(204.7,92.1%,65.3%) |
HSV (or HSB) | 204.7°, 65.7, 97.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.701, -7.94, -41.56 |
---|---|
XYZ | 37.209, 41.754, 94.9 |
xyY | 0.214, 0.24, 41.754 |
CIE-LCH | 70.701, 42.311, 259.184 |
CIE-LUV | 70.701, -37.567, -66.204 |
Hunter-Lab | 64.617, -10.292, -41.845 |
Binary | 01010101, 10110101, 11111000 |
Color Schemes with #55b5f8
Alternatives to #55b5f8
Below, you can see some colors close to #55b5f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55b5f8 Preview
This text has a font color of #55b5f8.
<span style="color:#55b5f8;">Text here</span>
This paragraph has a background color of #55b5f8.
<p style="background-color:#55b5f8;">Content here</p>
This element has a border color of #55b5f8.
<div style="border:1px solid #55b5f8;">Content here</div>
.text {color:#55b5f8;}
.background {background-color:#55b5f8;}
.border {border:1px solid #55b5f8;}
Shades and Tints of #55b5f8
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, #010b12 is the darkest color, while #ffffff is the lightest one.
-
#010b12
#010b12
rgb(1,11,18)
-
#021725
#021725
rgb(2,23,37)
-
#022238
#022238
rgb(2,34,56)
-
#032d4b
#032d4b
rgb(3,45,75)
-
#04395e
#04395e
rgb(4,57,94)
-
#054471
#054471
rgb(5,68,113)
-
#055083
#055083
rgb(5,80,131)
-
#065b96
#065b96
rgb(6,91,150)
-
#0766a9
#0766a9
rgb(7,102,169)
-
#0872bc
#0872bc
rgb(8,114,188)
-
#097dcf
#097dcf
rgb(9,125,207)
-
#0989e2
#0989e2
rgb(9,137,226)
-
#0a94f4
#0a94f4
rgb(10,148,244)
-
#1c9cf6
#1c9cf6
rgb(28,156,246)
-
#2fa5f6
#2fa5f6
rgb(47,165,246)
-
#42adf7
#42adf7
rgb(66,173,247)
-
#55b5f8
#55b5f8
rgb(85,181,248)
-
#68bdf9
#68bdf9
rgb(104,189,249)
-
#7bc5fa
#7bc5fa
rgb(123,197,250)
-
#8ecefa
#8ecefa
rgb(142,206,250)
-
#a0d6fb
#a0d6fb
rgb(160,214,251)
-
#b3defc
#b3defc
rgb(179,222,252)
-
#c6e6fd
#c6e6fd
rgb(198,230,253)
-
#d9eefd
#d9eefd
rgb(217,238,253)
-
#ecf7fe
#ecf7fe
rgb(236,247,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #55b5f8
A tone is produced by adding gray to any pure hue. In this case, #a0a8ad is the less saturated color, while #4eb6ff is the most saturated one.
-
#a0a8ad
#a0a8ad
rgb(160,168,173)
-
#99a9b4
#99a9b4
rgb(153,169,180)
-
#92aabb
#92aabb
rgb(146,170,187)
-
#8babc2
#8babc2
rgb(139,171,194)
-
#85adc8
#85adc8
rgb(133,173,200)
-
#7eaecf
#7eaecf
rgb(126,174,207)
-
#77afd6
#77afd6
rgb(119,175,214)
-
#70b0dd
#70b0dd
rgb(112,176,221)
-
#69b1e4
#69b1e4
rgb(105,177,228)
-
#63b3ea
#63b3ea
rgb(99,179,234)
-
#5cb4f1
#5cb4f1
rgb(92,180,241)
-
#55b5f8
#55b5f8
rgb(85,181,248)
-
#4eb6ff
#4eb6ff
rgb(78,182,255)
Color Blindness Simulator
Below, you can see how #55b5f8 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.