#9ea5b4 color information
In a RGB color space, hex #9ea5b4 is composed of 62% red, 64.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 8.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 220.9 degrees, a saturation of 12.8% and a lightness of 66.3%. #9ea5b4 color hex could be obtained by blending #ffffff with #3d4b69. Closest websafe color is: #9999cc.
#9ea5b4 color conversion
The hexadecimal color #9ea5b4 has RGB values of R:158, G:165, B:180 and CMYK values of C:0.12, M:0.08, Y:0, K:0.29. Its decimal value is 10397108.
- Hex triplet 9ea5b4
#9ea5b4 - RGB Decimal 158, 165, 180
rgb(158,165,180) - RGB Percent 62, 64.7, 70.6
rgb(62%,64.7%,70.6%) - CMYK 12, 8, 0, 29
- HSL 220.9°, 12.8, 66.3
hsl(221,13%,66%) - HSV (or HSB) 220.9°, 12.2, 70.6
- Web Safe 9999cc
#9999cc
- CIE-LAB 67.631, 0.586, -8.576
- XYZ 35.792, 37.474, 48.525
- xyY 0.294, 0.308, 37.474
- CIE-LCH 67.631, 8.596, 273.911
- CIE-LUV 67.631, -4.637, -12.926
- Hunter-Lab 61.216, -2.762, -4.147
- Binary 10011110, 10100101, 10110100
Color Schemes with #9ea5b4
#9ea5b4 in action
This text has a font color of #9ea5b4.
<span style="color:#9ea5b4;">Text here</span>
This paragraph has a background color of #9ea5b4.
<p style="background-color:#9ea5b4;">Content here</p>
This element has a border color of #9ea5b4.
<div style="border:1px solid #9ea5b4;">Content here</div>
.text {color:#9ea5b4;}
.background {background-color:#9ea5b4;}
.border {border:1px solid #9ea5b4;}
Shades of #9ea5b4
- #0b0c0e #0b0c0e
rgb(11,12,14) - #1c1e24 #1c1e24
rgb(28,30,36) - #2d313a #2d313a
rgb(45,49,58) - #3e4450 #3e4450
rgb(62,68,80) - #4f5666 #4f5666
rgb(79,86,102) - #60697c #60697c
rgb(96,105,124) - #727c92 #727c92
rgb(114,124,146) - #8890a3 #8890a3
rgb(136,144,163) - #9ea5b4 #9ea5b4
rgb(158,165,180) - #b4bac5 #b4bac5
rgb(180,186,197) - #caced6 #caced6
rgb(202,206,214) - #e0e3e7 #e0e3e7
rgb(224,227,231) - #f6f7f8 #f6f7f8
rgb(246,247,248)
Color Blindness Simulator
Below, you can see how #9ea5b4 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.
