#559fb3 Color Information
In a RGB color space, hex #559fb3 is composed of 33.3% red, 62.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 11.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 192.8 degrees, a saturation of 38.2% and a lightness of 51.8%. #559fb3 color hex could be obtained by blending #aaffff with #003f67. Closest websafe color is: #6699cc.
-
- R 33
- G 62
- B 70
-
- C 53
- M 11
- Y 0
- K 30
● #559fb3 color description : Moderate cyan.
#559fb3 Color Conversion
The hexadecimal color #559fb3 has RGB values of R:85, G:159, B:179 and CMYK values of C:0.53, M:0.11, Y:0, K:0.3. Its decimal value is 5611443.
Hex triplet | 559fb3 | #559fb3 |
---|---|---|
RGB Decimal | 85, 159, 179 | rgb(85,159,179) |
RGB Percent | 33.3, 62.4, 70.2 | rgb(33.3%,62.4%,70.2%) |
CMYK | 53, 11, 0, 30 | |
HSL | 192.8°, 38.2, 51.8 | hsl(192.8,38.2%,51.8%) |
HSV (or HSB) | 192.8°, 52.5, 70.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.638, -17.395, -17.456 |
---|---|
XYZ | 24.279, 29.981, 47.153 |
xyY | 0.239, 0.296, 29.981 |
CIE-LCH | 61.638, 24.644, 225.1 |
CIE-LUV | 61.638, -32.085, -23.97 |
Hunter-Lab | 54.755, -16.671, -12.73 |
Binary | 01010101, 10011111, 10110011 |
Color Schemes with #559fb3
Alternatives to #559fb3
Below, you can see some colors close to #559fb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#559fb3 Preview
This text has a font color of #559fb3.
<span style="color:#559fb3;">Text here</span>
This paragraph has a background color of #559fb3.
<p style="background-color:#559fb3;">Content here</p>
This element has a border color of #559fb3.
<div style="border:1px solid #559fb3;">Content here</div>
.text {color:#559fb3;}
.background {background-color:#559fb3;}
.border {border:1px solid #559fb3;}
Shades and Tints of #559fb3
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, #030506 is the darkest color, while #f8fbfc is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#091114
#091114
rgb(9,17,20)
-
#0f1d21
#0f1d21
rgb(15,29,33)
-
#15292f
#15292f
rgb(21,41,47)
-
#1b353c
#1b353c
rgb(27,53,60)
-
#21414a
#21414a
rgb(33,65,74)
-
#274d58
#274d58
rgb(39,77,88)
-
#2d5965
#2d5965
rgb(45,89,101)
-
#336573
#336573
rgb(51,101,115)
-
#397180
#397180
rgb(57,113,128)
-
#3f7d8e
#3f7d8e
rgb(63,125,142)
-
#45899b
#45899b
rgb(69,137,155)
-
#4c95a9
#4c95a9
rgb(76,149,169)
-
#559fb3
#559fb3
rgb(85,159,179)
-
#63a7b9
#63a7b9
rgb(99,167,185)
-
#70aebf
#70aebf
rgb(112,174,191)
-
#7eb6c5
#7eb6c5
rgb(126,182,197)
-
#8bbecb
#8bbecb
rgb(139,190,203)
-
#99c5d1
#99c5d1
rgb(153,197,209)
-
#a6cdd7
#a6cdd7
rgb(166,205,215)
-
#b4d5dd
#b4d5dd
rgb(180,213,221)
-
#c1dce3
#c1dce3
rgb(193,220,227)
-
#cfe4ea
#cfe4ea
rgb(207,228,234)
-
#ddecf0
#ddecf0
rgb(221,236,240)
-
#eaf3f6
#eaf3f6
rgb(234,243,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #559fb3
A tone is produced by adding gray to any pure hue. In this case, #7b898d is the less saturated color, while #09caff is the most saturated one.
-
#7b898d
#7b898d
rgb(123,137,141)
-
#718f97
#718f97
rgb(113,143,151)
-
#6894a0
#6894a0
rgb(104,148,160)
-
#5e9aaa
#5e9aaa
rgb(94,154,170)
-
#559fb3
#559fb3
rgb(85,159,179)
-
#4ca4bc
#4ca4bc
rgb(76,164,188)
-
#42aac6
#42aac6
rgb(66,170,198)
-
#39afcf
#39afcf
rgb(57,175,207)
-
#2fb5d9
#2fb5d9
rgb(47,181,217)
-
#26bae2
#26bae2
rgb(38,186,226)
-
#1cc0ec
#1cc0ec
rgb(28,192,236)
-
#13c5f5
#13c5f5
rgb(19,197,245)
-
#09caff
#09caff
rgb(9,202,255)
Color Blindness Simulator
Below, you can see how #559fb3 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.