#559bb4 Color Information
In a RGB color space, hex #559bb4 is composed of 33.3% red, 60.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 13.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 195.8 degrees, a saturation of 38.8% and a lightness of 52%. #559bb4 color hex could be obtained by blending #aaffff with #003769. Closest websafe color is: #6699cc.
-
- R 33
- G 61
- B 71
-
- C 53
- M 14
- Y 0
- K 29
● #559bb4 color description : Moderate blue.
#559bb4 Color Conversion
The hexadecimal color #559bb4 has RGB values of R:85, G:155, B:180 and CMYK values of C:0.53, M:0.14, Y:0, K:0.29. Its decimal value is 5610420.
Hex triplet | 559bb4 | #559bb4 |
---|---|---|
RGB Decimal | 85, 155, 180 | rgb(85,155,180) |
RGB Percent | 33.3, 60.8, 70.6 | rgb(33.3%,60.8%,70.6%) |
CMYK | 53, 14, 0, 29 | |
HSL | 195.8°, 38.8, 52 | hsl(195.8,38.8%,52%) |
HSV (or HSB) | 195.8°, 52.8, 70.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 60.487, -14.963, -19.769 |
---|---|
XYZ | 23.704, 28.668, 47.462 |
xyY | 0.237, 0.287, 28.668 |
CIE-LCH | 60.487, 24.793, 232.879 |
CIE-LUV | 60.487, -30.496, -27.923 |
Hunter-Lab | 53.542, -14.675, -15.077 |
Binary | 01010101, 10011011, 10110100 |
Color Schemes with #559bb4
Alternatives to #559bb4
Below, you can see some colors close to #559bb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#559bb4 Preview
This text has a font color of #559bb4.
<span style="color:#559bb4;">Text here</span>
This paragraph has a background color of #559bb4.
<p style="background-color:#559bb4;">Content here</p>
This element has a border color of #559bb4.
<div style="border:1px solid #559bb4;">Content here</div>
.text {color:#559bb4;}
.background {background-color:#559bb4;}
.border {border:1px solid #559bb4;}
Shades and Tints of #559bb4
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, #030607 is the darkest color, while #f8fbfc is the lightest one.
-
#030607
#030607
rgb(3,6,7)
-
#091215
#091215
rgb(9,18,21)
-
#0f1d22
#0f1d22
rgb(15,29,34)
-
#152930
#152930
rgb(21,41,48)
-
#1b343d
#1b343d
rgb(27,52,61)
-
#21404b
#21404b
rgb(33,64,75)
-
#274c59
#274c59
rgb(39,76,89)
-
#2d5766
#2d5766
rgb(45,87,102)
-
#336374
#336374
rgb(51,99,116)
-
#396e81
#396e81
rgb(57,110,129)
-
#3f7a8f
#3f7a8f
rgb(63,122,143)
-
#45869d
#45869d
rgb(69,134,157)
-
#4b91aa
#4b91aa
rgb(75,145,170)
-
#559bb4
#559bb4
rgb(85,155,180)
-
#63a3ba
#63a3ba
rgb(99,163,186)
-
#70abc0
#70abc0
rgb(112,171,192)
-
#7eb3c6
#7eb3c6
rgb(126,179,198)
-
#8bbbcc
#8bbbcc
rgb(139,187,204)
-
#99c3d2
#99c3d2
rgb(153,195,210)
-
#a7cbd8
#a7cbd8
rgb(167,203,216)
-
#b4d3de
#b4d3de
rgb(180,211,222)
-
#c2dbe4
#c2dbe4
rgb(194,219,228)
-
#cfe3ea
#cfe3ea
rgb(207,227,234)
-
#ddebf0
#ddebf0
rgb(221,235,240)
-
#ebf3f6
#ebf3f6
rgb(235,243,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #559bb4
A tone is produced by adding gray to any pure hue. In this case, #848585 is the less saturated color, while #13baf6 is the most saturated one.
-
#848585
#848585
rgb(132,133,133)
-
#7b898e
#7b898e
rgb(123,137,142)
-
#718e98
#718e98
rgb(113,142,152)
-
#6892a1
#6892a1
rgb(104,146,161)
-
#5e97ab
#5e97ab
rgb(94,151,171)
-
#559bb4
#559bb4
rgb(85,155,180)
-
#4c9fbd
#4c9fbd
rgb(76,159,189)
-
#42a4c7
#42a4c7
rgb(66,164,199)
-
#39a8d0
#39a8d0
rgb(57,168,208)
-
#2fadda
#2fadda
rgb(47,173,218)
-
#26b1e3
#26b1e3
rgb(38,177,227)
-
#1cb6ed
#1cb6ed
rgb(28,182,237)
-
#13baf6
#13baf6
rgb(19,186,246)
Color Blindness Simulator
Below, you can see how #559bb4 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.