#559baa Color Information
In a RGB color space, hex #559baa is composed of 33.3% red, 60.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 8.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 190.6 degrees, a saturation of 33.3% and a lightness of 50%. #559baa color hex could be obtained by blending #aaffff with #003755. Closest websafe color is: #669999.
-
- R 33
- G 61
- B 67
-
- C 50
- M 9
- Y 0
- K 33
● #559baa color description : Dark moderate cyan.
#559baa Color Conversion
The hexadecimal color #559baa has RGB values of R:85, G:155, B:170 and CMYK values of C:0.5, M:0.09, Y:0, K:0.33. Its decimal value is 5610410.
Hex triplet | 559baa | #559baa |
---|---|---|
RGB Decimal | 85, 155, 170 | rgb(85,155,170) |
RGB Percent | 33.3, 60.8, 66.7 | rgb(33.3%,60.8%,66.7%) |
CMYK | 50, 9, 0, 33 | |
HSL | 190.6°, 33.3, 50 | hsl(190.6,33.3%,50%) |
HSV (or HSB) | 190.6°, 50, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 60.136, -17.859, -14.651 |
---|---|
XYZ | 22.721, 28.275, 42.288 |
xyY | 0.244, 0.303, 28.275 |
CIE-LCH | 60.136, 23.099, 219.366 |
CIE-LUV | 60.136, -30.819, -19.37 |
Hunter-Lab | 53.174, -16.781, -9.93 |
Binary | 01010101, 10011011, 10101010 |
Color Schemes with #559baa
Alternatives to #559baa
Below, you can see some colors close to #559baa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#559baa Preview
This text has a font color of #559baa.
<span style="color:#559baa;">Text here</span>
This paragraph has a background color of #559baa.
<p style="background-color:#559baa;">Content here</p>
This element has a border color of #559baa.
<div style="border:1px solid #559baa;">Content here</div>
.text {color:#559baa;}
.background {background-color:#559baa;}
.border {border:1px solid #559baa;}
Shades and Tints of #559baa
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, #070c0d is the darkest color, while #ffffff is the lightest one.
-
#070c0d
#070c0d
rgb(7,12,13)
-
#0d181a
#0d181a
rgb(13,24,26)
-
#142427
#142427
rgb(20,36,39)
-
#1a3034
#1a3034
rgb(26,48,52)
-
#213c41
#213c41
rgb(33,60,65)
-
#27484e
#27484e
rgb(39,72,78)
-
#2e535c
#2e535c
rgb(46,83,92)
-
#345f69
#345f69
rgb(52,95,105)
-
#3b6b76
#3b6b76
rgb(59,107,118)
-
#417783
#417783
rgb(65,119,131)
-
#488390
#488390
rgb(72,131,144)
-
#4e8f9d
#4e8f9d
rgb(78,143,157)
-
#559baa
#559baa
rgb(85,155,170)
-
#62a3b1
#62a3b1
rgb(98,163,177)
-
#6faab7
#6faab7
rgb(111,170,183)
-
#7cb2be
#7cb2be
rgb(124,178,190)
-
#89bac4
#89bac4
rgb(137,186,196)
-
#96c1cb
#96c1cb
rgb(150,193,203)
-
#a3c9d1
#a3c9d1
rgb(163,201,209)
-
#b1d1d8
#b1d1d8
rgb(177,209,216)
-
#bed9de
#bed9de
rgb(190,217,222)
-
#cbe0e5
#cbe0e5
rgb(203,224,229)
-
#d8e8eb
#d8e8eb
rgb(216,232,235)
-
#e5f0f2
#e5f0f2
rgb(229,240,242)
-
#f2f7f8
#f2f7f8
rgb(242,247,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #559baa
A tone is produced by adding gray to any pure hue. In this case, #7c8283 is the less saturated color, while #07cef8 is the most saturated one.
-
#7c8283
#7c8283
rgb(124,130,131)
-
#72888d
#72888d
rgb(114,136,141)
-
#698e96
#698e96
rgb(105,142,150)
-
#5f95a0
#5f95a0
rgb(95,149,160)
-
#559baa
#559baa
rgb(85,155,170)
-
#4ba1b4
#4ba1b4
rgb(75,161,180)
-
#41a8be
#41a8be
rgb(65,168,190)
-
#38aec7
#38aec7
rgb(56,174,199)
-
#2eb4d1
#2eb4d1
rgb(46,180,209)
-
#24bbdb
#24bbdb
rgb(36,187,219)
-
#1ac1e5
#1ac1e5
rgb(26,193,229)
-
#10c7ef
#10c7ef
rgb(16,199,239)
-
#07cef8
#07cef8
rgb(7,206,248)
Color Blindness Simulator
Below, you can see how #559baa 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.