#5e7eb8 color information
In a RGB color space, hex #5e7eb8 is composed of 36.9% red, 49.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 31.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 218.7 degrees, a saturation of 38.8% and a lightness of 54.5%. #5e7eb8 color hex could be obtained by blending #bcfcff with #000071. Closest websafe color is: #6666cc.
#5e7eb8 color conversion
The hexadecimal color #5e7eb8 has RGB values of R:94, G:126, B:184 and CMYK values of C:0.49, M:0.32, Y:0, K:0.28. Its decimal value is 6192824.
- Hex triplet 5e7eb8
#5e7eb8 - RGB Decimal 94, 126, 184
rgb(94,126,184) - RGB Percent 36.9, 49.4, 72.2
rgb(36.9%,49.4%,72.2%) - CMYK 49, 32, 0, 28
- HSL 218.7°, 38.8, 54.5
hsl(219,39%,55%) - HSV (or HSB) 218.7°, 48.9, 72.2
- Web Safe 6666cc
#6666cc
- CIE-LAB 52.687, 4.89, -34.063
- XYZ 20.727, 20.761, 48.26
- xyY 0.231, 0.231, 20.761
- CIE-LCH 52.687, 34.412, 278.169
- CIE-LUV 52.687, -16.44, -52.434
- Hunter-Lab 45.564, 1.46, -30.902
- Binary 01011110, 01111110, 10111000
Color Schemes with #5e7eb8
#5e7eb8 in action
This text has a font color of #5e7eb8.
<span style="color:#5e7eb8;">Text here</span>
This paragraph has a background color of #5e7eb8.
<p style="background-color:#5e7eb8;">Content here</p>
This element has a border color of #5e7eb8.
<div style="border:1px solid #5e7eb8;">Content here</div>
.text {color:#5e7eb8;}
.background {background-color:#5e7eb8;}
.border {border:1px solid #5e7eb8;}
Shades of #5e7eb8
- #010202 #010202
rgb(1,2,2) - #0d131e #0d131e
rgb(13,19,30) - #192439 #192439
rgb(25,36,57) - #253654 #253654
rgb(37,54,84) - #31476f #31476f
rgb(49,71,111) - #3d598a #3d598a
rgb(61,89,138) - #496aa6 #496aa6
rgb(73,106,166) - #5e7eb8 #5e7eb8
rgb(94,126,184) - #7994c4 #7994c4
rgb(121,148,196) - #94aad0 #94aad0
rgb(148,170,208) - #b0bfdc #b0bfdc
rgb(176,191,220) - #cbd5e8 #cbd5e8
rgb(203,213,232) - #e6ebf4 #e6ebf4
rgb(230,235,244)
Color Blindness Simulator
Below, you can see how #5e7eb8 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.
