#9baaaf hex color

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

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

● #9baaaf color description : Dark grayish blue.

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

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

CIE-LAB	68.615, -4.206, -4.366
XYZ	35.629, 38.813, 46.17
xyY	0.295, 0.322, 38.813
CIE-LCH	68.615, 6.063, 226.069
CIE-LUV	68.615, -8.394, -5.781
Hunter-Lab	62.3, -6.943, -0.329
Binary	10011011, 10101010, 10101111

#9baaaf
```
#9baaaf rgb(155,170,175)
```
#afa09b
```
#afa09b rgb(175,160,155)
```

Complementary Color

#9bafaa
```
#9bafaa rgb(155,175,170)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#9ba0af
```
#9ba0af rgb(155,160,175)
```

Analogous Color

#afaa9b
```
#afaa9b rgb(175,170,155)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#af9ba0
```
#af9ba0 rgb(175,155,160)
```

Split Complementary Color

#aaaf9b
```
#aaaf9b rgb(170,175,155)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#af9baa
```
#af9baa rgb(175,155,170)
```

Triadic Color

#9bafa0
```
#9bafa0 rgb(155,175,160)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#af9baa
```
#af9baa rgb(175,155,170)
```
#afa09b
```
#afa09b rgb(175,160,155)
```

Tetradic Color

#71868d
```
#71868d rgb(113,134,141)
```
#7f9298
```
#7f9298 rgb(127,146,152)
```
#8d9ea4
```
#8d9ea4 rgb(141,158,164)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#a9b6ba
```
#a9b6ba rgb(169,182,186)
```
#b7c2c6
```
#b7c2c6 rgb(183,194,198)
```
#c6ced1
```
#c6ced1 rgb(198,206,209)
```

Monochromatic Color

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

#9bafaf
```
#9bafaf rgb(155,175,175)
```
#9badaf
```
#9badaf rgb(155,173,175)
```
#9bacaf
```
#9bacaf rgb(155,172,175)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#9ba8af
```
#9ba8af rgb(155,168,175)
```
#9ba7af
```
#9ba7af rgb(155,167,175)
```
#9ba5af
```
#9ba5af rgb(155,165,175)
```

Similar Colors

Text with hexadecimal color #9baaaf

This text has a font color of #9baaaf.

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

#9baaaf background color

This paragraph has a background color of #9baaaf.

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

#9baaaf border color

This element has a border color of #9baaaf.

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

CSS codes

.text {color:#9baaaf;}

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

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

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

#070909
```
#070909 rgb(7,9,9)
```
#101314
```
#101314 rgb(16,19,20)
```
#191d1f
```
#191d1f rgb(25,29,31)
```
#21282a
```
#21282a rgb(33,40,42)
```
#2a3235
```
#2a3235 rgb(42,50,53)
```
#333c3f
```
#333c3f rgb(51,60,63)
```
#3b474a
```
#3b474a rgb(59,71,74)
```
#445155
```
#445155 rgb(68,81,85)
```
#4d5b60
```
#4d5b60 rgb(77,91,96)
```
#56666b
```
#56666b rgb(86,102,107)
```
#5e7076
```
#5e7076 rgb(94,112,118)
```
#677a81
```
#677a81 rgb(103,122,129)
```
#70858c
```
#70858c rgb(112,133,140)
```

Shade Color Variation

#7a8e95
```
#7a8e95 rgb(122,142,149)
```
#85979e
```
#85979e rgb(133,151,158)
```
#90a1a6
```
#90a1a6 rgb(144,161,166)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#a6b3b8
```
#a6b3b8 rgb(166,179,184)
```
#b1bdc0
```
#b1bdc0 rgb(177,189,192)
```
#bcc6c9
```
#bcc6c9 rgb(188,198,201)
```
#c7cfd2
```
#c7cfd2 rgb(199,207,210)
```
#d1d8db
```
#d1d8db rgb(209,216,219)
```
#dce2e3
```
#dce2e3 rgb(220,226,227)
```
#e7ebec
```
#e7ebec rgb(231,235,236)
```
#f2f4f5
```
#f2f4f5 rgb(242,244,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a2a7a8
```
#a2a7a8 rgb(162,167,168)
```
#9baaaf
```
#9baaaf rgb(155,170,175)
```
#94adb6
```
#94adb6 rgb(148,173,182)
```
#8db1bd
```
#8db1bd rgb(141,177,189)
```
#86b4c4
```
#86b4c4 rgb(134,180,196)
```
#7fb8cb
```
#7fb8cb rgb(127,184,203)
```
#78bbd2
```
#78bbd2 rgb(120,187,210)
```
#71bfd9
```
#71bfd9 rgb(113,191,217)
```
#6bc2df
```
#6bc2df rgb(107,194,223)
```
#64c6e6
```
#64c6e6 rgb(100,198,230)
```
#5dc9ed
```
#5dc9ed rgb(93,201,237)
```
#56cdf4
```
#56cdf4 rgb(86,205,244)
```
#4fd0fb
```
#4fd0fb rgb(79,208,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a4a7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaab1 Protanopia 1% of men
#b7a7b5 Deuteranopia 1% of men
#a1adb9 Tritanopia 0.001% of the population

Trichromacy

#a6aab0 Protanomaly 1% of men, 0.01% of women
#aca8b3 Deuteranomaly 6% of men, 0.4% of women
#9facb5 Tritanomaly 0.01% of the population

#9baaaf hex color

#9baaaf Color Information

#9baaaf Color Conversion

Color Schemes with #9baaaf

Alternatives to #9baaaf

#9baaaf Preview

Shades and Tints of #9baaaf

Tones of #9baaaf

Color Blindness Simulator