#9ba9b3 color information
In a RGB color space, hex #9ba9b3 is composed of 60.8% red, 66.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 5.6% magenta, 0% yellow and 29.8% black. It has a hue angle of 205 degrees, a saturation of 13.6% and a lightness of 65.5%. #9ba9b3 color hex could be obtained by blending #ffffff with #375367. Closest websafe color is: #9999cc.
#9ba9b3 color conversion
The hexadecimal color #9ba9b3 has RGB values of R:155, G:169, B:179 and CMYK values of C:0.13, M:0.06, Y:0, K:0.3. Its decimal value is 10201523.
- Hex triplet 9ba9b3
#9ba9b3 - RGB Decimal 155, 169, 179
rgb(155,169,179) - RGB Percent 60.8, 66.3, 70.2
rgb(60.8%,66.3%,70.2%) - CMYK 13, 6, 0, 30
- HSL 205°, 13.6, 65.5
hsl(205,14%,65%) - HSV (or HSB) 205°, 13.4, 70.2
- Web Safe 9999cc
#9999cc
- CIE-LAB 68.46, -2.821, -6.814
- XYZ 35.841, 38.599, 48.207
- xyY 0.292, 0.315, 38.599
- CIE-LCH 68.46, 7.375, 247.508
- CIE-LUV 68.46, -8.069, -9.711
- Hunter-Lab 62.128, -5.75, -2.516
- Binary 10011011, 10101001, 10110011
Color Schemes with #9ba9b3
#9ba9b3 in action
This text has a font color of #9ba9b3.
<span style="color:#9ba9b3;">Text here</span>
This paragraph has a background color of #9ba9b3.
<p style="background-color:#9ba9b3;">Content here</p>
This element has a border color of #9ba9b3.
<div style="border:1px solid #9ba9b3;">Content here</div>
.text {color:#9ba9b3;}
.background {background-color:#9ba9b3;}
.border {border:1px solid #9ba9b3;}
Shades of #9ba9b3
- #090a0b #090a0b
rgb(9,10,11) - #1a1e22 #1a1e22
rgb(26,30,34) - #2b3238 #2b3238
rgb(43,50,56) - #3c464e #3c464e
rgb(60,70,78) - #4c5b65 #4c5b65
rgb(76,91,101) - #5d6f7b #5d6f7b
rgb(93,111,123) - #6e8391 #6e8391
rgb(110,131,145) - #8596a2 #8596a2
rgb(133,150,162) - #9ba9b3 #9ba9b3
rgb(155,169,179) - #b1bcc4 #b1bcc4
rgb(177,188,196) - #c8cfd5 #c8cfd5
rgb(200,207,213) - #dee3e6 #dee3e6
rgb(222,227,230) - #f4f6f7 #f4f6f7
rgb(244,246,247)
Color Blindness Simulator
Below, you can see how #9ba9b3 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.
