#5c5677 color information
In a RGB color space, hex #5c5677 is composed of 36.1% red, 33.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 27.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 250.9 degrees, a saturation of 16.1% and a lightness of 40.2%. #5c5677 color hex could be obtained by blending #b8acee with #000000. Closest websafe color is: #666666.
#5c5677 color conversion
The hexadecimal color #5c5677 has RGB values of R:92, G:86, B:119 and CMYK values of C:0.23, M:0.28, Y:0, K:0.53. Its decimal value is 6051447.
- Hex triplet 5c5677
#5c5677 - RGB Decimal 92, 86, 119
rgb(92,86,119) - RGB Percent 36.1, 33.7, 46.7
rgb(36.1%,33.7%,46.7%) - CMYK 23, 28, 0, 53
- HSL 250.9°, 16.1, 40.2
hsl(251,16%,40%) - HSV (or HSB) 250.9°, 27.7, 46.7
- Web Safe 666666
#666666
- CIE-LAB 38.31, 10.088, -17.828
- XYZ 11.071, 10.263, 18.849
- xyY 0.276, 0.255, 10.263
- CIE-LCH 38.31, 20.484, 299.503
- CIE-LUV 38.31, 1.009, -25.625
- Hunter-Lab 32.036, 5.623, -12.461
- Binary 01011100, 01010110, 01110111
Color Schemes with #5c5677
#5c5677 in action
This text has a font color of #5c5677.
<span style="color:#5c5677;">Text here</span>
This paragraph has a background color of #5c5677.
<p style="background-color:#5c5677;">Content here</p>
This element has a border color of #5c5677.
<div style="border:1px solid #5c5677;">Content here</div>
.text {color:#5c5677;}
.background {background-color:#5c5677;}
.border {border:1px solid #5c5677;}
Shades of #5c5677
- #040405 #040405
rgb(4,4,5) - #16141c #16141c
rgb(22,20,28) - #272533 #272533
rgb(39,37,51) - #393549 #393549
rgb(57,53,73) - #4a4660 #4a4660
rgb(74,70,96) - #5c5677 #5c5677
rgb(92,86,119) - #6e668e #6e668e
rgb(110,102,142) - #827ba0 #827ba0
rgb(130,123,160) - #9892b0 #9892b0
rgb(152,146,176) - #ada9c1 #ada9c1
rgb(173,169,193) - #c3c0d1 #c3c0d1
rgb(195,192,209) - #d9d7e2 #d9d7e2
rgb(217,215,226) - #eeedf2 #eeedf2
rgb(238,237,242)
Color Blindness Simulator
Below, you can see how #5c5677 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.
