#9ba8b6 Color Information
In a RGB color space, hex #9ba8b6 is composed of 60.8% red, 65.9% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 7.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 211.1 degrees, a saturation of 15.6% and a lightness of 66.1%. #9ba8b6 color hex could be obtained by blending #ffffff with #37516d. Closest websafe color is: #9999cc.
-
- R 61
- G 66
- B 71
-
- C 15
- M 8
- Y 0
- K 29
● #9ba8b6 color description : Grayish blue.
#9ba8b6 Color Conversion
The hexadecimal color #9ba8b6 has RGB values of R:155, G:168, B:182 and CMYK values of C:0.15, M:0.08, Y:0, K:0.29. Its decimal value is 10201270.
Hex triplet | 9ba8b6 | #9ba8b6 |
---|---|---|
RGB Decimal | 155, 168, 182 | rgb(155,168,182) |
RGB Percent | 60.8, 65.9, 71.4 | rgb(60.8%,65.9%,71.4%) |
CMYK | 15, 8, 0, 29 | |
HSL | 211.1°, 15.6, 66.1 | hsl(211.1,15.6%,66.1%) |
HSV (or HSB) | 211.1°, 14.8, 71.4 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 68.278, -1.633, -8.747 |
---|---|
XYZ | 35.962, 38.351, 49.761 |
xyY | 0.29, 0.309, 38.351 |
CIE-LCH | 68.278, 8.898, 259.427 |
CIE-LUV | 68.278, -7.715, -12.857 |
Hunter-Lab | 61.928, -4.718, -4.292 |
Binary | 10011011, 10101000, 10110110 |
Color Schemes with #9ba8b6
Alternatives to #9ba8b6
Below, you can see some colors close to #9ba8b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9ba8b6 Preview
This text has a font color of #9ba8b6.
<span style="color:#9ba8b6;">Text here</span>
This paragraph has a background color of #9ba8b6.
<p style="background-color:#9ba8b6;">Content here</p>
This element has a border color of #9ba8b6.
<div style="border:1px solid #9ba8b6;">Content here</div>
.text {color:#9ba8b6;}
.background {background-color:#9ba8b6;}
.border {border:1px solid #9ba8b6;}
Shades and Tints of #9ba8b6
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010202 is the darkest color, while #f6f7f8 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#0a0c0d
#0a0c0d
rgb(10,12,13)
-
#121519
#121519
rgb(18,21,25)
-
#1a1f24
#1a1f24
rgb(26,31,36)
-
#23292f
#23292f
rgb(35,41,47)
-
#2b333b
#2b333b
rgb(43,51,59)
-
#333c46
#333c46
rgb(51,60,70)
-
#3b4651
#3b4651
rgb(59,70,81)
-
#44505d
#44505d
rgb(68,80,93)
-
#4c5a68
#4c5a68
rgb(76,90,104)
-
#546373
#546373
rgb(84,99,115)
-
#5d6d7f
#5d6d7f
rgb(93,109,127)
-
#65778a
#65778a
rgb(101,119,138)
-
#6e8195
#6e8195
rgb(110,129,149)
-
#798a9d
#798a9d
rgb(121,138,157)
-
#8494a5
#8494a5
rgb(132,148,165)
-
#909eae
#909eae
rgb(144,158,174)
-
#9ba8b6
#9ba8b6
rgb(155,168,182)
-
#a6b2be
#a6b2be
rgb(166,178,190)
-
#b2bcc7
#b2bcc7
rgb(178,188,199)
-
#bdc6cf
#bdc6cf
rgb(189,198,207)
-
#c8cfd7
#c8cfd7
rgb(200,207,215)
-
#d4d9df
#d4d9df
rgb(212,217,223)
-
#dfe3e8
#dfe3e8
rgb(223,227,232)
-
#eaedf0
#eaedf0
rgb(234,237,240)
-
#f6f7f8
#f6f7f8
rgb(246,247,248)
Tones of #9ba8b6
A tone is produced by adding gray to any pure hue. In this case, #a8a8a9 is the less saturated color, while #58a6f9 is the most saturated one.
-
#a8a8a9
#a8a8a9
rgb(168,168,169)
-
#a2a8af
#a2a8af
rgb(162,168,175)
-
#9ba8b6
#9ba8b6
rgb(155,168,182)
-
#94a8bd
#94a8bd
rgb(148,168,189)
-
#8ea8c3
#8ea8c3
rgb(142,168,195)
-
#87a7ca
#87a7ca
rgb(135,167,202)
-
#80a7d1
#80a7d1
rgb(128,167,209)
-
#7aa7d7
#7aa7d7
rgb(122,167,215)
-
#73a7de
#73a7de
rgb(115,167,222)
-
#6ca6e5
#6ca6e5
rgb(108,166,229)
-
#66a6eb
#66a6eb
rgb(102,166,235)
-
#5fa6f2
#5fa6f2
rgb(95,166,242)
-
#58a6f9
#58a6f9
rgb(88,166,249)
Color Blindness Simulator
Below, you can see how #9ba8b6 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.