#5677b5 Color Information
In a RGB color space, hex #5677b5 is composed of 33.7% red, 46.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 34.3% magenta, 0% yellow and 29% black. It has a hue angle of 219.2 degrees, a saturation of 39.1% and a lightness of 52.4%. #5677b5 color hex could be obtained by blending #aceeff with #00006b. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 71
-
- C 52
- M 34
- Y 0
- K 29
● #5677b5 color description : Moderate blue.
#5677b5 Color Conversion
The hexadecimal color #5677b5 has RGB values of R:86, G:119, B:181 and CMYK values of C:0.52, M:0.34, Y:0, K:0.29. Its decimal value is 5666741.
Hex triplet | 5677b5 | #5677b5 |
---|---|---|
RGB Decimal | 86, 119, 181 | rgb(86,119,181) |
RGB Percent | 33.7, 46.7, 71 | rgb(33.7%,46.7%,71%) |
CMYK | 52, 34, 0, 29 | |
HSL | 219.2°, 39.1, 52.4 | hsl(219.2,39.1%,52.4%) |
HSV (or HSB) | 219.2°, 52.5, 71 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.106, 6.247, -36.417 |
---|---|
XYZ | 18.773, 18.507, 46.297 |
xyY | 0.225, 0.221, 18.507 |
CIE-LCH | 50.106, 36.949, 279.734 |
CIE-LUV | 50.106, -16.493, -55.801 |
Hunter-Lab | 43.02, 2.609, -33.691 |
Binary | 01010110, 01110111, 10110101 |
Color Schemes with #5677b5
Alternatives to #5677b5
Below, you can see some colors close to #5677b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677b5 Preview
This text has a font color of #5677b5.
<span style="color:#5677b5;">Text here</span>
This paragraph has a background color of #5677b5.
<p style="background-color:#5677b5;">Content here</p>
This element has a border color of #5677b5.
<div style="border:1px solid #5677b5;">Content here</div>
.text {color:#5677b5;}
.background {background-color:#5677b5;}
.border {border:1px solid #5677b5;}
Shades and Tints of #5677b5
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, #040508 is the darkest color, while #fafbfd is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0a0e16
#0a0e16
rgb(10,14,22)
-
#101724
#101724
rgb(16,23,36)
-
#161f31
#161f31
rgb(22,31,49)
-
#1c283f
#1c283f
rgb(28,40,63)
-
#22304d
#22304d
rgb(34,48,77)
-
#27395a
#27395a
rgb(39,57,90)
-
#2d4268
#2d4268
rgb(45,66,104)
-
#334a75
#334a75
rgb(51,74,117)
-
#395383
#395383
rgb(57,83,131)
-
#3f5c91
#3f5c91
rgb(63,92,145)
-
#45649e
#45649e
rgb(69,100,158)
-
#4b6dac
#4b6dac
rgb(75,109,172)
-
#5677b5
#5677b5
rgb(86,119,181)
-
#6482bb
#6482bb
rgb(100,130,187)
-
#718dc1
#718dc1
rgb(113,141,193)
-
#7f98c7
#7f98c7
rgb(127,152,199)
-
#8da3cd
#8da3cd
rgb(141,163,205)
-
#9aaed3
#9aaed3
rgb(154,174,211)
-
#a8b9d9
#a8b9d9
rgb(168,185,217)
-
#b5c4df
#b5c4df
rgb(181,196,223)
-
#c3cfe5
#c3cfe5
rgb(195,207,229)
-
#d1daeb
#d1daeb
rgb(209,218,235)
-
#dee5f1
#dee5f1
rgb(222,229,241)
-
#ecf0f7
#ecf0f7
rgb(236,240,247)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #5677b5
A tone is produced by adding gray to any pure hue. In this case, #858586 is the less saturated color, while #1563f6 is the most saturated one.
-
#858586
#858586
rgb(133,133,134)
-
#7b8290
#7b8290
rgb(123,130,144)
-
#728099
#728099
rgb(114,128,153)
-
#697da2
#697da2
rgb(105,125,162)
-
#5f7aac
#5f7aac
rgb(95,122,172)
-
#5677b5
#5677b5
rgb(86,119,181)
-
#4d74be
#4d74be
rgb(77,116,190)
-
#4371c8
#4371c8
rgb(67,113,200)
-
#3a6ed1
#3a6ed1
rgb(58,110,209)
-
#316cda
#316cda
rgb(49,108,218)
-
#2769e4
#2769e4
rgb(39,105,228)
-
#1e66ed
#1e66ed
rgb(30,102,237)
-
#1563f6
#1563f6
rgb(21,99,246)
Color Blindness Simulator
Below, you can see how #5677b5 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.