#9baab4 hex color

In a RGB color space, hex #9baab4 is composed of 60.8% red, 66.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 5.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 204 degrees, a saturation of 14.3% and a lightness of 65.7%. #9baab4 color hex could be obtained by blending #ffffff with #375569. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 67
- B 71
RGB color chart
- C 14
- M 6
- Y 0
- K 29
CMYK color chart

● #9baab4 color description : Grayish blue.

The hexadecimal color #9baab4 has RGB values of R:155, G:170, B:180 and CMYK values of C:0.14, M:0.06, Y:0, K:0.29. Its decimal value is 10201780.

Hex triplet	9baab4	`#9baab4`
RGB Decimal	155, 170, 180	`rgb(155,170,180)`
RGB Percent	60.8, 66.7, 70.6	`rgb(60.8%,66.7%,70.6%)`
CMYK	14, 6, 0, 29
HSL	204°, 14.3, 65.7	`hsl(204,14.3%,65.7%)`
HSV (or HSB)	204°, 13.9, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.761, -3.153, -6.921
XYZ	36.129, 39.013, 48.804
xyY	0.291, 0.315, 39.013
CIE-LCH	68.761, 7.606, 245.511
CIE-LUV	68.761, -8.585, -9.83
Hunter-Lab	62.46, -6.056, -2.605
Binary	10011011, 10101010, 10110100

#9baab4
```
#9baab4 rgb(155,170,180)
```
#b4a59b
```
#b4a59b rgb(180,165,155)
```

Complementary Color

#9bb4b2
```
#9bb4b2 rgb(155,180,178)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#9b9eb4
```
#9b9eb4 rgb(155,158,180)
```

Analogous Color

#b4b29b
```
#b4b29b rgb(180,178,155)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#b49b9e
```
#b49b9e rgb(180,155,158)
```

Split Complementary Color

#aab49b
```
#aab49b rgb(170,180,155)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#b49baa
```
#b49baa rgb(180,155,170)
```

Triadic Color

#9bb4a5
```
#9bb4a5 rgb(155,180,165)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#b49baa
```
#b49baa rgb(180,155,170)
```
#b4a59b
```
#b4a59b rgb(180,165,155)
```

Tetradic Color

#6f8593
```
#6f8593 rgb(111,133,147)
```
#7e919e
```
#7e919e rgb(126,145,158)
```
#8c9ea9
```
#8c9ea9 rgb(140,158,169)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#aab6bf
```
#aab6bf rgb(170,182,191)
```
#b8c3ca
```
#b8c3ca rgb(184,195,202)
```
#c7cfd5
```
#c7cfd5 rgb(199,207,213)
```

Monochromatic Color

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

#9bb0b4
```
#9bb0b4 rgb(155,176,180)
```
#9baeb4
```
#9baeb4 rgb(155,174,180)
```
#9bacb4
```
#9bacb4 rgb(155,172,180)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#9ba8b4
```
#9ba8b4 rgb(155,168,180)
```
#9ba6b4
```
#9ba6b4 rgb(155,166,180)
```
#9ba4b4
```
#9ba4b4 rgb(155,164,180)
```

Similar Colors

Text with hexadecimal color #9baab4

This text has a font color of #9baab4.

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

#9baab4 background color

This paragraph has a background color of #9baab4.

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

#9baab4 border color

This element has a border color of #9baab4.

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

CSS codes

.text {color:#9baab4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090b0c
```
#090b0c rgb(9,11,12)
```
#111517
```
#111517 rgb(17,21,23)
```
#1a1f23
```
#1a1f23 rgb(26,31,35)
```
#22292e
```
#22292e rgb(34,41,46)
```
#2b3339
```
#2b3339 rgb(43,51,57)
```
#333d44
```
#333d44 rgb(51,61,68)
```
#3c474f
```
#3c474f rgb(60,71,79)
```
#44515b
```
#44515b rgb(68,81,91)
```
#4c5c66
```
#4c5c66 rgb(76,92,102)
```
#556671
```
#556671 rgb(85,102,113)
```
#5d707c
```
#5d707c rgb(93,112,124)
```
#667a87
```
#667a87 rgb(102,122,135)
```

Shade Color Variation

#6e8492
```
#6e8492 rgb(110,132,146)
```
#798d9b
```
#798d9b rgb(121,141,155)
```
#8597a3
```
#8597a3 rgb(133,151,163)
```
#90a0ac
```
#90a0ac rgb(144,160,172)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#a6b4bc
```
#a6b4bc rgb(166,180,188)
```
#b1bdc5
```
#b1bdc5 rgb(177,189,197)
```
#bdc7cd
```
#bdc7cd rgb(189,199,205)
```
#c8d0d6
```
#c8d0d6 rgb(200,208,214)
```
#d3dade
```
#d3dade rgb(211,218,222)
```
#dee3e6
```
#dee3e6 rgb(222,227,230)
```
#e9edef
```
#e9edef rgb(233,237,239)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#a2a9ad
```
#a2a9ad rgb(162,169,173)
```
#9baab4
```
#9baab4 rgb(155,170,180)
```
#94abbb
```
#94abbb rgb(148,171,187)
```
#8eadc1
```
#8eadc1 rgb(142,173,193)
```
#87aec8
```
#87aec8 rgb(135,174,200)
```
#80afcf
```
#80afcf rgb(128,175,207)
```
#79b1d6
```
#79b1d6 rgb(121,177,214)
```
#73b2dc
```
#73b2dc rgb(115,178,220)
```
#6cb3e3
```
#6cb3e3 rgb(108,179,227)
```
#65b5ea
```
#65b5ea rgb(101,181,234)
```
#5eb6f1
```
#5eb6f1 rgb(94,182,241)
```
#58b7f7
```
#58b7f7 rgb(88,183,247)
```
#51b9fe
```
#51b9fe rgb(81,185,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#acabb6 Protanopia 1% of men
#b5a7ba Deuteranopia 1% of men
#a0aeba Tritanopia 0.001% of the population

Trichromacy

#a5aab5 Protanomaly 1% of men, 0.01% of women
#aba8b7 Deuteranomaly 6% of men, 0.4% of women
#9eacb8 Tritanomaly 0.01% of the population

#9baab4 hex color

#9baab4 Color Information

#9baab4 Color Conversion

Color Schemes with #9baab4

Alternatives to #9baab4

#9baab4 Preview

Shades and Tints of #9baab4

Tones of #9baab4

Color Blindness Simulator