#9a9baf hex color

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

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

● #9a9baf color description : Dark grayish blue.

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

Hex triplet	9a9baf	`#9a9baf`
RGB Decimal	154, 155, 175	`rgb(154,155,175)`
RGB Percent	60.4, 60.8, 68.6	`rgb(60.4%,60.8%,68.6%)`
CMYK	12, 11, 0, 31
HSL	237.1°, 11.6, 64.5	`hsl(237.1,11.6%,64.5%)`
HSV (or HSB)	237.1°, 12, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.49, 3.716, -10.504
XYZ	32.784, 33.408, 45.276
xyY	0.294, 0.3, 33.408
CIE-LCH	64.49, 11.142, 289.48
CIE-LUV	64.49, -1.705, -16.259
Hunter-Lab	57.799, 0.097, -5.984
Binary	10011010, 10011011, 10101111

#9a9baf
```
#9a9baf rgb(154,155,175)
```
#afae9a
```
#afae9a rgb(175,174,154)
```

Complementary Color

#9aa6af
```
#9aa6af rgb(154,166,175)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#a49aaf
```
#a49aaf rgb(164,154,175)
```

Analogous Color

#a6af9a
```
#a6af9a rgb(166,175,154)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#afa49a
```
#afa49a rgb(175,164,154)
```

Split Complementary Color

#9baf9a
```
#9baf9a rgb(155,175,154)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#af9a9b
```
#af9a9b rgb(175,154,155)
```

Triadic Color

#9aafae
```
#9aafae rgb(154,175,174)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#af9a9b
```
#af9a9b rgb(175,154,155)
```
#afae9a
```
#afae9a rgb(175,174,154)
```

Tetradic Color

#70718d
```
#70718d rgb(112,113,141)
```
#7e7f98
```
#7e7f98 rgb(126,127,152)
```
#8c8da4
```
#8c8da4 rgb(140,141,164)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#a8a9ba
```
#a8a9ba rgb(168,169,186)
```
#b6b7c6
```
#b6b7c6 rgb(182,183,198)
```
#c5c5d1
```
#c5c5d1 rgb(197,197,209)
```

Monochromatic Color

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

#9aa0af
```
#9aa0af rgb(154,160,175)
```
#9a9faf
```
#9a9faf rgb(154,159,175)
```
#9a9daf
```
#9a9daf rgb(154,157,175)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#9b9aaf
```
#9b9aaf rgb(155,154,175)
```
#9d9aaf
```
#9d9aaf rgb(157,154,175)
```
#9e9aaf
```
#9e9aaf rgb(158,154,175)
```

Similar Colors

Text with hexadecimal color #9a9baf

This text has a font color of #9a9baf.

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

#9a9baf background color

This paragraph has a background color of #9a9baf.

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

#9a9baf border color

This element has a border color of #9a9baf.

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

CSS codes

.text {color:#9a9baf;}

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

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

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

#070708
```
#070708 rgb(7,7,8)
```
#0f1013
```
#0f1013 rgb(15,16,19)
```
#18181e
```
#18181e rgb(24,24,30)
```
#212129
```
#212129 rgb(33,33,41)
```
#292a34
```
#292a34 rgb(41,42,52)
```
#32333f
```
#32333f rgb(50,51,63)
```
#3b3b4a
```
#3b3b4a rgb(59,59,74)
```
#434455
```
#434455 rgb(67,68,85)
```
#4c4d60
```
#4c4d60 rgb(76,77,96)
```
#55566b
```
#55566b rgb(85,86,107)
```
#5d5f76
```
#5d5f76 rgb(93,95,118)
```
#666781
```
#666781 rgb(102,103,129)
```
#6f708c
```
#6f708c rgb(111,112,140)
```

Shade Color Variation

#797a95
```
#797a95 rgb(121,122,149)
```
#84859e
```
#84859e rgb(132,133,158)
```
#8f90a6
```
#8f90a6 rgb(143,144,166)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#a5a6b8
```
#a5a6b8 rgb(165,166,184)
```
#b0b1c0
```
#b0b1c0 rgb(176,177,192)
```
#bbbcc9
```
#bbbcc9 rgb(187,188,201)
```
#c6c6d2
```
#c6c6d2 rgb(198,198,210)
```
#d1d1da
```
#d1d1da rgb(209,209,218)
```
#dcdce3
```
#dcdce3 rgb(220,220,227)
```
#e7e7ec
```
#e7e7ec rgb(231,231,236)
```
#f2f2f4
```
#f2f2f4 rgb(242,242,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a1a1a8
```
#a1a1a8 rgb(161,161,168)
```
#9a9baf
```
#9a9baf rgb(154,155,175)
```
#9395b6
```
#9395b6 rgb(147,149,182)
```
#8c8ebd
```
#8c8ebd rgb(140,142,189)
```
#8588c4
```
#8588c4 rgb(133,136,196)
```
#7e82cb
```
#7e82cb rgb(126,130,203)
```
#777cd2
```
#777cd2 rgb(119,124,210)
```
#7075d9
```
#7075d9 rgb(112,117,217)
```
#696fe0
```
#696fe0 rgb(105,111,224)
```
#6269e7
```
#6269e7 rgb(98,105,231)
```
#5b62ee
```
#5b62ee rgb(91,98,238)
```
#545cf5
```
#545cf5 rgb(84,92,245)
```
#4d56fc
```
#4d56fc rgb(77,86,252)
```

Tone Color Variation

Below, you can see how #9a9baf 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
#9c9da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea0b3 Protanopia 1% of men
#a79db4 Deuteranopia 1% of men
#9da1ac Tritanopia 0.001% of the population

Trichromacy

#9c9eb1 Protanomaly 1% of men, 0.01% of women
#a29cb2 Deuteranomaly 6% of men, 0.4% of women
#9c9fad Tritanomaly 0.01% of the population

#9a9baf hex color

#9a9baf Color Information

#9a9baf Color Conversion

Color Schemes with #9a9baf

Alternatives to #9a9baf

#9a9baf Preview

Shades and Tints of #9a9baf

Tones of #9a9baf

Color Blindness Simulator