#559bb6 Color Information
In a RGB color space, hex #559bb6 is composed of 33.3% red, 60.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 14.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 196.7 degrees, a saturation of 39.9% and a lightness of 52.4%. #559bb6 color hex could be obtained by blending #aaffff with #00376d. Closest websafe color is: #6699cc.
-
- R 33
- G 61
- B 71
-
- C 53
- M 15
- Y 0
- K 29
● #559bb6 color description : Moderate blue.
#559bb6 Color Conversion
The hexadecimal color #559bb6 has RGB values of R:85, G:155, B:182 and CMYK values of C:0.53, M:0.15, Y:0, K:0.29. Its decimal value is 5610422.
Hex triplet | 559bb6 | #559bb6 |
---|---|---|
RGB Decimal | 85, 155, 182 | rgb(85,155,182) |
RGB Percent | 33.3, 60.8, 71.4 | rgb(33.3%,60.8%,71.4%) |
CMYK | 53, 15, 0, 29 | |
HSL | 196.7°, 39.9, 52.4 | hsl(196.7,39.9%,52.4%) |
HSV (or HSB) | 196.7°, 53.3, 71.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 60.56, -14.371, -20.786 |
---|---|
XYZ | 23.909, 28.75, 48.543 |
xyY | 0.236, 0.284, 28.75 |
CIE-LCH | 60.56, 25.27, 235.34 |
CIE-LUV | 60.56, -30.432, -29.643 |
Hunter-Lab | 53.619, -14.239, -16.144 |
Binary | 01010101, 10011011, 10110110 |
Color Schemes with #559bb6
Alternatives to #559bb6
Below, you can see some colors close to #559bb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#559bb6 Preview
This text has a font color of #559bb6.
<span style="color:#559bb6;">Text here</span>
This paragraph has a background color of #559bb6.
<p style="background-color:#559bb6;">Content here</p>
This element has a border color of #559bb6.
<div style="border:1px solid #559bb6;">Content here</div>
.text {color:#559bb6;}
.background {background-color:#559bb6;}
.border {border:1px solid #559bb6;}
Shades and Tints of #559bb6
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, #040708 is the darkest color, while #fafcfd is the lightest one.
-
#040708
#040708
rgb(4,7,8)
-
#091316
#091316
rgb(9,19,22)
-
#0f1e24
#0f1e24
rgb(15,30,36)
-
#152a32
#152a32
rgb(21,42,50)
-
#1b353f
#1b353f
rgb(27,53,63)
-
#21414d
#21414d
rgb(33,65,77)
-
#274c5b
#274c5b
rgb(39,76,91)
-
#2d5868
#2d5868
rgb(45,88,104)
-
#336376
#336376
rgb(51,99,118)
-
#396f84
#396f84
rgb(57,111,132)
-
#3f7a92
#3f7a92
rgb(63,122,146)
-
#44869f
#44869f
rgb(68,134,159)
-
#4a92ad
#4a92ad
rgb(74,146,173)
-
#559bb6
#559bb6
rgb(85,155,182)
-
#63a3bc
#63a3bc
rgb(99,163,188)
-
#70abc2
#70abc2
rgb(112,171,194)
-
#7eb3c8
#7eb3c8
rgb(126,179,200)
-
#8cbbce
#8cbbce
rgb(140,187,206)
-
#9ac3d3
#9ac3d3
rgb(154,195,211)
-
#a7cbd9
#a7cbd9
rgb(167,203,217)
-
#b5d4df
#b5d4df
rgb(181,212,223)
-
#c3dce5
#c3dce5
rgb(195,220,229)
-
#d1e4eb
#d1e4eb
rgb(209,228,235)
-
#deecf1
#deecf1
rgb(222,236,241)
-
#ecf4f7
#ecf4f7
rgb(236,244,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #559bb6
A tone is produced by adding gray to any pure hue. In this case, #848687 is the less saturated color, while #14b8f7 is the most saturated one.
-
#848687
#848687
rgb(132,134,135)
-
#7a8a91
#7a8a91
rgb(122,138,145)
-
#718f9a
#718f9a
rgb(113,143,154)
-
#6893a3
#6893a3
rgb(104,147,163)
-
#5e97ad
#5e97ad
rgb(94,151,173)
-
#559bb6
#559bb6
rgb(85,155,182)
-
#4c9fbf
#4c9fbf
rgb(76,159,191)
-
#42a3c9
#42a3c9
rgb(66,163,201)
-
#39a7d2
#39a7d2
rgb(57,167,210)
-
#30acdb
#30acdb
rgb(48,172,219)
-
#26b0e5
#26b0e5
rgb(38,176,229)
-
#1db4ee
#1db4ee
rgb(29,180,238)
-
#14b8f7
#14b8f7
rgb(20,184,247)
Color Blindness Simulator
Below, you can see how #559bb6 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.