#9eb4cd color information
In a RGB color space, hex #9eb4cd is composed of 62% red, 70.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 12.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 211.9 degrees, a saturation of 32% and a lightness of 71.2%. #9eb4cd color hex could be obtained by blending #ffffff with #3d699b. Closest websafe color is: #99cccc.
#9eb4cd color conversion
The hexadecimal color #9eb4cd has RGB values of R:158, G:180, B:205 and CMYK values of C:0.23, M:0.12, Y:0, K:0.2. Its decimal value is 10400973.
- Hex triplet 9eb4cd
#9eb4cd - RGB Decimal 158, 180, 205
rgb(158,180,205) - RGB Percent 62, 70.6, 80.4
rgb(62%,70.6%,80.4%) - CMYK 23, 12, 0, 20
- HSL 211.9°, 32, 71.2
hsl(212,32%,71%) - HSV (or HSB) 211.9°, 22.9, 80.4
- Web Safe 99cccc
#99cccc
- CIE-LAB 72.441, -2.076, -15.159
- XYZ 41.439, 44.319, 64.125
- xyY 0.276, 0.296, 44.319
- CIE-LCH 72.441, 15.301, 262.201
- CIE-LUV 72.441, -12.599, -23.032
- Hunter-Lab 66.572, -5.391, -10.51
- Binary 10011110, 10110100, 11001101
Color Schemes with #9eb4cd
#9eb4cd in action
This text has a font color of #9eb4cd.
<span style="color:#9eb4cd;">Text here</span>
This paragraph has a background color of #9eb4cd.
<p style="background-color:#9eb4cd;">Content here</p>
This element has a border color of #9eb4cd.
<div style="border:1px solid #9eb4cd;">Content here</div>
.text {color:#9eb4cd;}
.background {background-color:#9eb4cd;}
.border {border:1px solid #9eb4cd;}
Shades of #9eb4cd
- #030507 #030507
rgb(3,5,7) - #111820 #111820
rgb(17,24,32) - #1e2b3a #1e2b3a
rgb(30,43,58) - #2b3f54 #2b3f54
rgb(43,63,84) - #39526e #39526e
rgb(57,82,110) - #466588 #466588
rgb(70,101,136) - #5378a2 #5378a2
rgb(83,120,162) - #6a8cb2 #6a8cb2
rgb(106,140,178) - #84a0c0 #84a0c0
rgb(132,160,192) - #9eb4cd #9eb4cd
rgb(158,180,205) - #b8c8da #b8c8da
rgb(184,200,218) - #d2dce8 #d2dce8
rgb(210,220,232) - #ecf0f5 #ecf0f5
rgb(236,240,245)
Color Blindness Simulator
Below, you can see how #9eb4cd 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.
