#55b4e9 Color Information
In a RGB color space, hex #55b4e9 is composed of 33.3% red, 70.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 22.7% magenta, 0% yellow and 8.6% black. It has a hue angle of 201.5 degrees, a saturation of 77.1% and a lightness of 62.4%. #55b4e9 color hex could be obtained by blending #aaffff with #0069d3. Closest websafe color is: #66ccff.
-
- R 33
- G 71
- B 91
-
- C 64
- M 23
- Y 0
- K 9
● #55b4e9 color description : Soft blue.
#55b4e9 Color Conversion
The hexadecimal color #55b4e9 has RGB values of R:85, G:180, B:233 and CMYK values of C:0.64, M:0.23, Y:0, K:0.09. Its decimal value is 5616873.
Hex triplet | 55b4e9 | #55b4e9 |
---|---|---|
RGB Decimal | 85, 180, 233 | rgb(85,180,233) |
RGB Percent | 33.3, 70.6, 91.4 | rgb(33.3%,70.6%,91.4%) |
CMYK | 64, 23, 0, 9 | |
HSL | 201.5°, 77.1, 62.4 | hsl(201.5,77.1%,62.4%) |
HSV (or HSB) | 201.5°, 63.5, 91.4 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 69.792, -12.191, -34.827 |
---|---|
XYZ | 34.772, 40.454, 83.062 |
xyY | 0.22, 0.256, 40.454 |
CIE-LCH | 69.792, 36.899, 250.708 |
CIE-LUV | 69.792, -37.832, -54.077 |
Hunter-Lab | 63.604, -13.722, -32.906 |
Binary | 01010101, 10110100, 11101001 |
Color Schemes with #55b4e9
Alternatives to #55b4e9
Below, you can see some colors close to #55b4e9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#55b4e9 Preview
This text has a font color of #55b4e9.
<span style="color:#55b4e9;">Text here</span>
This paragraph has a background color of #55b4e9.
<p style="background-color:#55b4e9;">Content here</p>
This element has a border color of #55b4e9.
<div style="border:1px solid #55b4e9;">Content here</div>
.text {color:#55b4e9;}
.background {background-color:#55b4e9;}
.border {border:1px solid #55b4e9;}
Shades and Tints of #55b4e9
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, #000304 is the darkest color, while #f1f9fd is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#030e15
#030e15
rgb(3,14,21)
-
#051a26
#051a26
rgb(5,26,38)
-
#072638
#072638
rgb(7,38,56)
-
#093249
#093249
rgb(9,50,73)
-
#0c3e5b
#0c3e5b
rgb(12,62,91)
-
#0e4a6c
#0e4a6c
rgb(14,74,108)
-
#10567d
#10567d
rgb(16,86,125)
-
#12628f
#12628f
rgb(18,98,143)
-
#156ea0
#156ea0
rgb(21,110,160)
-
#177ab1
#177ab1
rgb(23,122,177)
-
#1986c3
#1986c3
rgb(25,134,195)
-
#1b92d4
#1b92d4
rgb(27,146,212)
-
#219de2
#219de2
rgb(33,157,226)
-
#32a5e5
#32a5e5
rgb(50,165,229)
-
#44ace7
#44ace7
rgb(68,172,231)
-
#55b4e9
#55b4e9
rgb(85,180,233)
-
#66bceb
#66bceb
rgb(102,188,235)
-
#78c3ed
#78c3ed
rgb(120,195,237)
-
#89cbf0
#89cbf0
rgb(137,203,240)
-
#9ad3f2
#9ad3f2
rgb(154,211,242)
-
#acdaf4
#acdaf4
rgb(172,218,244)
-
#bde2f6
#bde2f6
rgb(189,226,246)
-
#cfeaf9
#cfeaf9
rgb(207,234,249)
-
#e0f1fb
#e0f1fb
rgb(224,241,251)
-
#f1f9fd
#f1f9fd
rgb(241,249,253)
Tones of #55b4e9
A tone is produced by adding gray to any pure hue. In this case, #9f9f9f is the less saturated color, while #46b8f8 is the most saturated one.
-
#9f9f9f
#9f9f9f
rgb(159,159,159)
-
#97a1a7
#97a1a7
rgb(151,161,167)
-
#90a3ae
#90a3ae
rgb(144,163,174)
-
#89a5b5
#89a5b5
rgb(137,165,181)
-
#81a7bd
#81a7bd
rgb(129,167,189)
-
#7aaac4
#7aaac4
rgb(122,170,196)
-
#73accb
#73accb
rgb(115,172,203)
-
#6baed3
#6baed3
rgb(107,174,211)
-
#64b0da
#64b0da
rgb(100,176,218)
-
#5cb2e2
#5cb2e2
rgb(92,178,226)
-
#55b4e9
#55b4e9
rgb(85,180,233)
-
#4eb6f0
#4eb6f0
rgb(78,182,240)
-
#46b8f8
#46b8f8
rgb(70,184,248)
Color Blindness Simulator
Below, you can see how #55b4e9 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.