#5d7eb8 color information
In a RGB color space, hex #5d7eb8 is composed of 36.5% red, 49.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 31.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 218.2 degrees, a saturation of 39.1% and a lightness of 54.3%. #5d7eb8 color hex could be obtained by blending #bafcff with #000071. Closest websafe color is: #6666cc.
#5d7eb8 color conversion
The hexadecimal color #5d7eb8 has RGB values of R:93, G:126, B:184 and CMYK values of C:0.49, M:0.32, Y:0, K:0.28. Its decimal value is 6127288.
- Hex triplet 5d7eb8
#5d7eb8 - RGB Decimal 93, 126, 184
rgb(93,126,184) - RGB Percent 36.5, 49.4, 72.2
rgb(36.5%,49.4%,72.2%) - CMYK 49, 32, 0, 28
- HSL 218.2°, 39.1, 54.3
hsl(218,39%,54%) - HSV (or HSB) 218.2°, 49.5, 72.2
- Web Safe 6666cc
#6666cc
- CIE-LAB 52.629, 4.646, -34.158
- XYZ 20.625, 20.709, 48.255
- xyY 0.23, 0.231, 20.709
- CIE-LCH 52.629, 34.473, 277.745
- CIE-LUV 52.629, -16.782, -52.547
- Hunter-Lab 45.507, 1.264, -31.016
- Binary 01011101, 01111110, 10111000
Color Schemes with #5d7eb8
#5d7eb8 in action
This text has a font color of #5d7eb8.
<span style="color:#5d7eb8;">Text here</span>
This paragraph has a background color of #5d7eb8.
<p style="background-color:#5d7eb8;">Content here</p>
This element has a border color of #5d7eb8.
<div style="border:1px solid #5d7eb8;">Content here</div>
.text {color:#5d7eb8;}
.background {background-color:#5d7eb8;}
.border {border:1px solid #5d7eb8;}
Shades of #5d7eb8
- #010102 #010102
rgb(1,1,2) - #0d131d #0d131d
rgb(13,19,29) - #192438 #192438
rgb(25,36,56) - #253653 #253653
rgb(37,54,83) - #31476f #31476f
rgb(49,71,111) - #3c598a #3c598a
rgb(60,89,138) - #486aa5 #486aa5
rgb(72,106,165) - #5d7eb8 #5d7eb8
rgb(93,126,184) - #7894c4 #7894c4
rgb(120,148,196) - #94a9d0 #94a9d0
rgb(148,169,208) - #afbfdc #afbfdc
rgb(175,191,220) - #cad5e8 #cad5e8
rgb(202,213,232) - #e5ebf4 #e5ebf4
rgb(229,235,244)
Color Blindness Simulator
Below, you can see how #5d7eb8 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.
