#559cbc Color Information
In a RGB color space, hex #559cbc is composed of 33.3% red, 61.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 17% magenta, 0% yellow and 26.3% black. It has a hue angle of 198.6 degrees, a saturation of 43.5% and a lightness of 53.5%. #559cbc color hex could be obtained by blending #aaffff with #003979. Closest websafe color is: #6699cc.
-
- R 33
- G 61
- B 74
-
- C 55
- M 17
- Y 0
- K 26
● #559cbc color description : Moderate blue.
#559cbc Color Conversion
The hexadecimal color #559cbc has RGB values of R:85, G:156, B:188 and CMYK values of C:0.55, M:0.17, Y:0, K:0.26. Its decimal value is 5610684.
Hex triplet | 559cbc | #559cbc |
---|---|---|
RGB Decimal | 85, 156, 188 | rgb(85,156,188) |
RGB Percent | 33.3, 61.2, 73.7 | rgb(33.3%,61.2%,73.7%) |
CMYK | 55, 17, 0, 26 | |
HSL | 198.6°, 43.5, 53.5 | hsl(198.6,43.5%,53.5%) |
HSV (or HSB) | 198.6°, 54.8, 73.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.078, -13.12, -23.372 |
---|---|
XYZ | 24.71, 29.337, 51.935 |
xyY | 0.233, 0.277, 29.337 |
CIE-LCH | 61.078, 26.803, 240.691 |
CIE-LUV | 61.078, -30.626, -34.036 |
Hunter-Lab | 54.164, -13.356, -18.935 |
Binary | 01010101, 10011100, 10111100 |
Color Schemes with #559cbc
Alternatives to #559cbc
Below, you can see some colors close to #559cbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#559cbc Preview
This text has a font color of #559cbc.
<span style="color:#559cbc;">Text here</span>
This paragraph has a background color of #559cbc.
<p style="background-color:#559cbc;">Content here</p>
This element has a border color of #559cbc.
<div style="border:1px solid #559cbc;">Content here</div>
.text {color:#559cbc;}
.background {background-color:#559cbc;}
.border {border:1px solid #559cbc;}
Shades and Tints of #559cbc
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, #050a0d is the darkest color, while #fefeff is the lightest one.
-
#050a0d
#050a0d
rgb(5,10,13)
-
#0b161b
#0b161b
rgb(11,22,27)
-
#102129
#102129
rgb(16,33,41)
-
#162d37
#162d37
rgb(22,45,55)
-
#1b3845
#1b3845
rgb(27,56,69)
-
#214453
#214453
rgb(33,68,83)
-
#264f61
#264f61
rgb(38,79,97)
-
#2c5a6f
#2c5a6f
rgb(44,90,111)
-
#31667d
#31667d
rgb(49,102,125)
-
#37718c
#37718c
rgb(55,113,140)
-
#3d7d9a
#3d7d9a
rgb(61,125,154)
-
#4288a8
#4288a8
rgb(66,136,168)
-
#4894b6
#4894b6
rgb(72,148,182)
-
#559cbc
#559cbc
rgb(85,156,188)
-
#63a4c2
#63a4c2
rgb(99,164,194)
-
#71acc7
#71acc7
rgb(113,172,199)
-
#7fb5cd
#7fb5cd
rgb(127,181,205)
-
#8dbdd2
#8dbdd2
rgb(141,189,210)
-
#9bc5d8
#9bc5d8
rgb(155,197,216)
-
#a9cddd
#a9cddd
rgb(169,205,221)
-
#b7d5e3
#b7d5e3
rgb(183,213,227)
-
#c6dee8
#c6dee8
rgb(198,222,232)
-
#d4e6ee
#d4e6ee
rgb(212,230,238)
-
#e2eef3
#e2eef3
rgb(226,238,243)
-
#f0f6f9
#f0f6f9
rgb(240,246,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #559cbc
A tone is produced by adding gray to any pure hue. In this case, #838b8e is the less saturated color, while #15b4fc is the most saturated one.
-
#838b8e
#838b8e
rgb(131,139,142)
-
#798e98
#798e98
rgb(121,142,152)
-
#7092a1
#7092a1
rgb(112,146,161)
-
#6795aa
#6795aa
rgb(103,149,170)
-
#5e99b3
#5e99b3
rgb(94,153,179)
-
#559cbc
#559cbc
rgb(85,156,188)
-
#4c9fc5
#4c9fc5
rgb(76,159,197)
-
#43a3ce
#43a3ce
rgb(67,163,206)
-
#3aa6d7
#3aa6d7
rgb(58,166,215)
-
#31aae0
#31aae0
rgb(49,170,224)
-
#27adea
#27adea
rgb(39,173,234)
-
#1eb1f3
#1eb1f3
rgb(30,177,243)
-
#15b4fc
#15b4fc
rgb(21,180,252)
Color Blindness Simulator
Below, you can see how #559cbc 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.