#9ca4b6 color information
In a RGB color space, hex #9ca4b6 is composed of 61.2% red, 64.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 9.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 221.5 degrees, a saturation of 15.1% and a lightness of 66.3%. #9ca4b6 color hex could be obtained by blending #ffffff with #39496d. Closest websafe color is: #9999cc.
#9ca4b6 color conversion
The hexadecimal color #9ca4b6 has RGB values of R:156, G:164, B:182 and CMYK values of C:0.14, M:0.1, Y:0, K:0.29. Its decimal value is 10265782.
- Hex triplet 9ca4b6
#9ca4b6 - RGB Decimal 156, 164, 182
rgb(156,164,182) - RGB Percent 61.2, 64.3, 71.4
rgb(61.2%,64.3%,71.4%) - CMYK 14, 10, 0, 29
- HSL 221.5°, 15.1, 66.3
hsl(222,15%,66%) - HSV (or HSB) 221.5°, 14.3, 71.4
- Web Safe 9999cc
#9999cc
- CIE-LAB 67.274, 0.896, -10.237
- XYZ 35.428, 36.996, 49.528
- xyY 0.291, 0.303, 36.996
- CIE-LCH 67.274, 10.276, 275.005
- CIE-LUV 67.274, -5.306, -15.521
- Hunter-Lab 60.824, -2.474, -5.702
- Binary 10011100, 10100100, 10110110
Color Schemes with #9ca4b6
#9ca4b6 in action
This text has a font color of #9ca4b6.
<span style="color:#9ca4b6;">Text here</span>
This paragraph has a background color of #9ca4b6.
<p style="background-color:#9ca4b6;">Content here</p>
This element has a border color of #9ca4b6.
<div style="border:1px solid #9ca4b6;">Content here</div>
.text {color:#9ca4b6;}
.background {background-color:#9ca4b6;}
.border {border:1px solid #9ca4b6;}
Shades of #9ca4b6
- #0a0b0e #0a0b0e
rgb(10,11,14) - #1b1e24 #1b1e24
rgb(27,30,36) - #2c303b #2c303b
rgb(44,48,59) - #3c4352 #3c4352
rgb(60,67,82) - #4d5568 #4d5568
rgb(77,85,104) - #5e687f #5e687f
rgb(94,104,127) - #6f7a95 #6f7a95
rgb(111,122,149) - #858fa5 #858fa5
rgb(133,143,165) - #9ca4b6 #9ca4b6
rgb(156,164,182) - #b3b9c7 #b3b9c7
rgb(179,185,199) - #c9ced7 #c9ced7
rgb(201,206,215) - #e0e2e8 #e0e2e8
rgb(224,226,232) - #f6f7f9 #f6f7f9
rgb(246,247,249)
Color Blindness Simulator
Below, you can see how #9ca4b6 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.
