#5677c5 Color Information
In a RGB color space, hex #5677c5 is composed of 33.7% red, 46.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 39.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 222.2 degrees, a saturation of 48.9% and a lightness of 55.5%. #5677c5 color hex could be obtained by blending #aceeff with #00008b. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 77
-
- C 56
- M 40
- Y 0
- K 23
● #5677c5 color description : Moderate blue.
#5677c5 Color Conversion
The hexadecimal color #5677c5 has RGB values of R:86, G:119, B:197 and CMYK values of C:0.56, M:0.4, Y:0, K:0.23. Its decimal value is 5666757.
Hex triplet | 5677c5 | #5677c5 |
---|---|---|
RGB Decimal | 86, 119, 197 | rgb(86,119,197) |
RGB Percent | 33.7, 46.7, 77.3 | rgb(33.7%,46.7%,77.3%) |
CMYK | 56, 40, 0, 23 | |
HSL | 222.2°, 48.9, 55.5 | hsl(222.2,48.9%,55.5%) |
HSV (or HSB) | 222.2°, 56.3, 77.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.923, 11.443, -44.326 |
---|---|
XYZ | 20.51, 19.202, 55.446 |
xyY | 0.216, 0.202, 19.202 |
CIE-LCH | 50.923, 45.779, 284.475 |
CIE-LUV | 50.923, -16.601, -69.122 |
Hunter-Lab | 43.82, 6.863, -44.345 |
Binary | 01010110, 01110111, 11000101 |
Color Schemes with #5677c5
Alternatives to #5677c5
Below, you can see some colors close to #5677c5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677c5 Preview
This text has a font color of #5677c5.
<span style="color:#5677c5;">Text here</span>
This paragraph has a background color of #5677c5.
<p style="background-color:#5677c5;">Content here</p>
This element has a border color of #5677c5.
<div style="border:1px solid #5677c5;">Content here</div>
.text {color:#5677c5;}
.background {background-color:#5677c5;}
.border {border:1px solid #5677c5;}
Shades and Tints of #5677c5
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, #020306 is the darkest color, while #f7f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#070b15
#070b15
rgb(7,11,21)
-
#0c1323
#0c1323
rgb(12,19,35)
-
#111b32
#111b32
rgb(17,27,50)
-
#162341
#162341
rgb(22,35,65)
-
#1b2b4f
#1b2b4f
rgb(27,43,79)
-
#20335e
#20335e
rgb(32,51,94)
-
#253a6c
#253a6c
rgb(37,58,108)
-
#2a427b
#2a427b
rgb(42,66,123)
-
#2f4a8a
#2f4a8a
rgb(47,74,138)
-
#345298
#345298
rgb(52,82,152)
-
#395aa7
#395aa7
rgb(57,90,167)
-
#3e62b5
#3e62b5
rgb(62,98,181)
-
#476bc0
#476bc0
rgb(71,107,192)
-
#5677c5
#5677c5
rgb(86,119,197)
-
#6583ca
#6583ca
rgb(101,131,202)
-
#738fcf
#738fcf
rgb(115,143,207)
-
#829ad4
#829ad4
rgb(130,154,212)
-
#90a6d9
#90a6d9
rgb(144,166,217)
-
#9fb2de
#9fb2de
rgb(159,178,222)
-
#aebee3
#aebee3
rgb(174,190,227)
-
#bcc9e8
#bcc9e8
rgb(188,201,232)
-
#cbd5ed
#cbd5ed
rgb(203,213,237)
-
#d9e1f2
#d9e1f2
rgb(217,225,242)
-
#e8edf7
#e8edf7
rgb(232,237,247)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #5677c5
A tone is produced by adding gray to any pure hue. In this case, #8a8c91 is the less saturated color, while #2262f9 is the most saturated one.
-
#8a8c91
#8a8c91
rgb(138,140,145)
-
#828999
#828999
rgb(130,137,153)
-
#7985a2
#7985a2
rgb(121,133,162)
-
#7082ab
#7082ab
rgb(112,130,171)
-
#677eb4
#677eb4
rgb(103,126,180)
-
#5f7bbc
#5f7bbc
rgb(95,123,188)
-
#5677c5
#5677c5
rgb(86,119,197)
-
#4d73ce
#4d73ce
rgb(77,115,206)
-
#4570d6
#4570d6
rgb(69,112,214)
-
#3c6cdf
#3c6cdf
rgb(60,108,223)
-
#3369e8
#3369e8
rgb(51,105,232)
-
#2a65f1
#2a65f1
rgb(42,101,241)
-
#2262f9
#2262f9
rgb(34,98,249)
Color Blindness Simulator
Below, you can see how #5677c5 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.