#5677bc Color Information
In a RGB color space, hex #5677bc is composed of 33.7% red, 46.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 36.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 220.6 degrees, a saturation of 43.2% and a lightness of 53.7%. #5677bc color hex could be obtained by blending #aceeff with #000079. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 74
-
- C 54
- M 37
- Y 0
- K 26
● #5677bc color description : Moderate blue.
#5677bc Color Conversion
The hexadecimal color #5677bc has RGB values of R:86, G:119, B:188 and CMYK values of C:0.54, M:0.37, Y:0, K:0.26. Its decimal value is 5666748.
Hex triplet | 5677bc | #5677bc |
---|---|---|
RGB Decimal | 86, 119, 188 | rgb(86,119,188) |
RGB Percent | 33.7, 46.7, 73.7 | rgb(33.7%,46.7%,73.7%) |
CMYK | 54, 37, 0, 26 | |
HSL | 220.6°, 43.2, 53.7 | hsl(220.6,43.2%,53.7%) |
HSV (or HSB) | 220.6°, 54.3, 73.7 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.455, 8.502, -39.903 |
---|---|
XYZ | 19.51, 18.802, 50.175 |
xyY | 0.22, 0.212, 18.802 |
CIE-LCH | 50.455, 40.799, 282.028 |
CIE-LUV | 50.455, -16.537, -61.665 |
Hunter-Lab | 43.361, 4.431, -38.254 |
Binary | 01010110, 01110111, 10111100 |
Color Schemes with #5677bc
Alternatives to #5677bc
Below, you can see some colors close to #5677bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677bc Preview
This text has a font color of #5677bc.
<span style="color:#5677bc;">Text here</span>
This paragraph has a background color of #5677bc.
<p style="background-color:#5677bc;">Content here</p>
This element has a border color of #5677bc.
<div style="border:1px solid #5677bc;">Content here</div>
.text {color:#5677bc;}
.background {background-color:#5677bc;}
.border {border:1px solid #5677bc;}
Shades and Tints of #5677bc
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, #05080e is the darkest color, while #ffffff is the lightest one.
-
#05080e
#05080e
rgb(5,8,14)
-
#0b101c
#0b101c
rgb(11,16,28)
-
#11192a
#11192a
rgb(17,25,42)
-
#162138
#162138
rgb(22,33,56)
-
#1c2946
#1c2946
rgb(28,41,70)
-
#213254
#213254
rgb(33,50,84)
-
#273a62
#273a62
rgb(39,58,98)
-
#2c4270
#2c4270
rgb(44,66,112)
-
#324b7e
#324b7e
rgb(50,75,126)
-
#38538c
#38538c
rgb(56,83,140)
-
#3d5b9a
#3d5b9a
rgb(61,91,154)
-
#4363a8
#4363a8
rgb(67,99,168)
-
#486cb6
#486cb6
rgb(72,108,182)
-
#5677bc
#5677bc
rgb(86,119,188)
-
#6482c2
#6482c2
rgb(100,130,194)
-
#728ec7
#728ec7
rgb(114,142,199)
-
#8099cd
#8099cd
rgb(128,153,205)
-
#8ea4d2
#8ea4d2
rgb(142,164,210)
-
#9cb0d8
#9cb0d8
rgb(156,176,216)
-
#aabbdd
#aabbdd
rgb(170,187,221)
-
#b8c6e3
#b8c6e3
rgb(184,198,227)
-
#c6d1e9
#c6d1e9
rgb(198,209,233)
-
#d4ddee
#d4ddee
rgb(212,221,238)
-
#e2e8f4
#e2e8f4
rgb(226,232,244)
-
#f1f3f9
#f1f3f9
rgb(241,243,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5677bc
A tone is produced by adding gray to any pure hue. In this case, #83878f is the less saturated color, while #1661fc is the most saturated one.
-
#83878f
#83878f
rgb(131,135,143)
-
#7a8498
#7a8498
rgb(122,132,152)
-
#7181a1
#7181a1
rgb(113,129,161)
-
#687daa
#687daa
rgb(104,125,170)
-
#5f7ab3
#5f7ab3
rgb(95,122,179)
-
#5677bc
#5677bc
rgb(86,119,188)
-
#4d74c5
#4d74c5
rgb(77,116,197)
-
#4471ce
#4471ce
rgb(68,113,206)
-
#3b6dd7
#3b6dd7
rgb(59,109,215)
-
#326ae0
#326ae0
rgb(50,106,224)
-
#2967e9
#2967e9
rgb(41,103,233)
-
#2064f2
#2064f2
rgb(32,100,242)
-
#1661fc
#1661fc
rgb(22,97,252)
Color Blindness Simulator
Below, you can see how #5677bc 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.