#5a7788 color information
In a RGB color space, hex #5a7788 is composed of 35.3% red, 46.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 12.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 202.2 degrees, a saturation of 20.4% and a lightness of 44.3%. #5a7788 color hex could be obtained by blending #b4eeff with #000011. Closest websafe color is: #666699.
#5a7788 color conversion
The hexadecimal color #5a7788 has RGB values of R:90, G:119, B:136 and CMYK values of C:0.34, M:0.13, Y:0, K:0.47. Its decimal value is 5928840.
- Hex triplet 5a7788
#5a7788 - RGB Decimal 90, 119, 136
rgb(90,119,136) - RGB Percent 35.3, 46.7, 53.3
rgb(35.3%,46.7%,53.3%) - CMYK 34, 13, 0, 47
- HSL 202.2°, 20.4, 44.3
hsl(202,20%,44%) - HSV (or HSB) 202.2°, 33.8, 53.3
- Web Safe 666699
#666699
- CIE-LAB 48.441, -6.034, -12.649
- XYZ 15.256, 17.144, 25.797
- xyY 0.262, 0.295, 17.144
- CIE-LCH 48.441, 14.015, 244.5
- CIE-LUV 48.441, -14.729, -17.156
- Hunter-Lab 41.406, -6.691, -7.955
- Binary 01011010, 01110111, 10001000
Color Schemes with #5a7788
#5a7788 in action
This text has a font color of #5a7788.
<span style="color:#5a7788;">Text here</span>
This paragraph has a background color of #5a7788.
<p style="background-color:#5a7788;">Content here</p>
This element has a border color of #5a7788.
<div style="border:1px solid #5a7788;">Content here</div>
.text {color:#5a7788;}
.background {background-color:#5a7788;}
.border {border:1px solid #5a7788;}
Shades of #5a7788
- #0c1012 #0c1012
rgb(12,16,18) - #1c242a #1c242a
rgb(28,36,42) - #2b3941 #2b3941
rgb(43,57,65) - #3b4e59 #3b4e59
rgb(59,78,89) - #4a6270 #4a6270
rgb(74,98,112) - #5a7788 #5a7788
rgb(90,119,136) - #6c8b9e #6c8b9e
rgb(108,139,158) - #839ead #839ead
rgb(131,158,173) - #9bb0bd #9bb0bd
rgb(155,176,189) - #b3c3cc #b3c3cc
rgb(179,195,204) - #cad5dc #cad5dc
rgb(202,213,220) - #e2e8ec #e2e8ec
rgb(226,232,236) - #f9fbfb #f9fbfb
rgb(249,251,251)
Color Blindness Simulator
Below, you can see how #5a7788 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.
