#9b9baf hex color

In a RGB color space, hex #9b9baf is composed of 60.8% red, 60.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 11.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 240 degrees, a saturation of 11.1% and a lightness of 64.7%. #9b9baf color hex could be obtained by blending #ffffff with #37375f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 61
- B 69
RGB color chart
- C 11
- M 11
- Y 0
- K 31
CMYK color chart

● #9b9baf color description : Dark grayish blue.

The hexadecimal color #9b9baf has RGB values of R:155, G:155, B:175 and CMYK values of C:0.11, M:0.11, Y:0, K:0.31. Its decimal value is 10197935.

Hex triplet	9b9baf	`#9b9baf`
RGB Decimal	155, 155, 175	`rgb(155,155,175)`
RGB Percent	60.8, 60.8, 68.6	`rgb(60.8%,60.8%,68.6%)`
CMYK	11, 11, 0, 31
HSL	240°, 11.1, 64.7	`hsl(240,11.1%,64.7%)`
HSV (or HSB)	240°, 11.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.569, 4.055, -10.378
XYZ	32.975, 33.506, 45.285
xyY	0.295, 0.3, 33.506
CIE-LCH	64.569, 11.142, 291.343
CIE-LUV	64.569, -1.167, -16.123
Hunter-Lab	57.885, 0.389, -5.866
Binary	10011011, 10011011, 10101111

#9b9baf
```
#9b9baf rgb(155,155,175)
```
#afaf9b
```
#afaf9b rgb(175,175,155)
```

Complementary Color

#9ba5af
```
#9ba5af rgb(155,165,175)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#a59baf
```
#a59baf rgb(165,155,175)
```

Analogous Color

#a5af9b
```
#a5af9b rgb(165,175,155)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#afa59b
```
#afa59b rgb(175,165,155)
```

Split Complementary Color

#9baf9b
```
#9baf9b rgb(155,175,155)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#af9b9b
```
#af9b9b rgb(175,155,155)
```

Triadic Color

#9bafaf
```
#9bafaf rgb(155,175,175)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#af9b9b
```
#af9b9b rgb(175,155,155)
```
#afaf9b
```
#afaf9b rgb(175,175,155)
```

Tetradic Color

#71718d
```
#71718d rgb(113,113,141)
```
#7f7f98
```
#7f7f98 rgb(127,127,152)
```
#8d8da4
```
#8d8da4 rgb(141,141,164)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#a9a9ba
```
#a9a9ba rgb(169,169,186)
```
#b7b7c6
```
#b7b7c6 rgb(183,183,198)
```
#c6c6d1
```
#c6c6d1 rgb(198,198,209)
```

Monochromatic Color

Below, you can see some colors close to #9b9baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9ba0af
```
#9ba0af rgb(155,160,175)
```
#9b9eaf
```
#9b9eaf rgb(155,158,175)
```
#9b9daf
```
#9b9daf rgb(155,157,175)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#9d9baf
```
#9d9baf rgb(157,155,175)
```
#9e9baf
```
#9e9baf rgb(158,155,175)
```
#a09baf
```
#a09baf rgb(160,155,175)
```

Similar Colors

Text with hexadecimal color #9b9baf

This text has a font color of #9b9baf.

<span style="color:#9b9baf;">Text here</span>

#9b9baf background color

This paragraph has a background color of #9b9baf.

<p style="background-color:#9b9baf;">Content here</p>

#9b9baf border color

This element has a border color of #9b9baf.

<div style="border:1px solid #9b9baf;">Content here</div>

CSS codes

.text {color:#9b9baf;}

.background {background-color:#9b9baf;}

.border {border:1px solid #9b9baf;}

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, #070709 is the darkest color, while #fdfdfd is the lightest one.

#070709
```
#070709 rgb(7,7,9)
```
#101014
```
#101014 rgb(16,16,20)
```
#19191f
```
#19191f rgb(25,25,31)
```
#21212a
```
#21212a rgb(33,33,42)
```
#2a2a35
```
#2a2a35 rgb(42,42,53)
```
#33333f
```
#33333f rgb(51,51,63)
```
#3b3b4a
```
#3b3b4a rgb(59,59,74)
```
#444455
```
#444455 rgb(68,68,85)
```
#4d4d60
```
#4d4d60 rgb(77,77,96)
```
#56566b
```
#56566b rgb(86,86,107)
```
#5e5e76
```
#5e5e76 rgb(94,94,118)
```
#676781
```
#676781 rgb(103,103,129)
```
#70708c
```
#70708c rgb(112,112,140)
```

Shade Color Variation

#7a7a95
```
#7a7a95 rgb(122,122,149)
```
#85859e
```
#85859e rgb(133,133,158)
```
#9090a6
```
#9090a6 rgb(144,144,166)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#a6a6b8
```
#a6a6b8 rgb(166,166,184)
```
#b1b1c0
```
#b1b1c0 rgb(177,177,192)
```
#bcbcc9
```
#bcbcc9 rgb(188,188,201)
```
#c7c7d2
```
#c7c7d2 rgb(199,199,210)
```
#d1d1db
```
#d1d1db rgb(209,209,219)
```
#dcdce3
```
#dcdce3 rgb(220,220,227)
```
#e7e7ec
```
#e7e7ec rgb(231,231,236)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a2a8 is the less saturated color, while #4f4ffb is the most saturated one.

#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#9494b6
```
#9494b6 rgb(148,148,182)
```
#8d8dbd
```
#8d8dbd rgb(141,141,189)
```
#8686c4
```
#8686c4 rgb(134,134,196)
```
#7f7fcb
```
#7f7fcb rgb(127,127,203)
```
#7878d2
```
#7878d2 rgb(120,120,210)
```
#7171d9
```
#7171d9 rgb(113,113,217)
```
#6b6bdf
```
#6b6bdf rgb(107,107,223)
```
#6464e6
```
#6464e6 rgb(100,100,230)
```
#5d5ded
```
#5d5ded rgb(93,93,237)
```
#5656f4
```
#5656f4 rgb(86,86,244)
```
#4f4ffb
```
#4f4ffb rgb(79,79,251)
```

Tone Color Variation

Below, you can see how #9b9baf 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.

Monochromacy

#9d9d9d Achromatopsia 0.005% of the population
#9d9da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea0b3 Protanopia 1% of men
#a79db3 Deuteranopia 1% of men
#9ea1ac Tritanopia 0.001% of the population

Trichromacy

#9d9eb1 Protanomaly 1% of men, 0.01% of women
#a39cb2 Deuteranomaly 6% of men, 0.4% of women
#9d9fad Tritanomaly 0.01% of the population

#9b9baf hex color

#9b9baf Color Information

#9b9baf Color Conversion

Color Schemes with #9b9baf

Alternatives to #9b9baf

#9b9baf Preview

Shades and Tints of #9b9baf

Tones of #9b9baf

Color Blindness Simulator