#9ba4c6 hex color

In a RGB color space, hex #9ba4c6 is composed of 60.8% red, 64.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 17.2% magenta, 0% yellow and 22.4% black. It has a hue angle of 227.4 degrees, a saturation of 27.4% and a lightness of 69.2%. #9ba4c6 color hex could be obtained by blending #ffffff with #37498d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 64
- B 78
RGB color chart
- C 22
- M 17
- Y 0
- K 22
CMYK color chart

● #9ba4c6 color description : Grayish blue.

The hexadecimal color #9ba4c6 has RGB values of R:155, G:164, B:198 and CMYK values of C:0.22, M:0.17, Y:0, K:0.22. Its decimal value is 10200262.

Hex triplet	9ba4c6	`#9ba4c6`
RGB Decimal	155, 164, 198	`rgb(155,164,198)`
RGB Percent	60.8, 64.3, 77.6	`rgb(60.8%,64.3%,77.6%)`
CMYK	22, 17, 0, 22
HSL	227.4°, 27.4, 69.2	`hsl(227.4,27.4%,69.2%)`
HSV (or HSB)	227.4°, 21.7, 77.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.722, 4.16, -18.456
XYZ	36.984, 37.596, 58.731
xyY	0.277, 0.282, 37.596
CIE-LCH	67.722, 18.919, 282.701
CIE-LUV	67.722, -6.581, -28.988
Hunter-Lab	61.316, 0.364, -13.87
Binary	10011011, 10100100, 11000110

#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#c6bd9b
```
#c6bd9b rgb(198,189,155)
```

Complementary Color

#9bbac6
```
#9bbac6 rgb(155,186,198)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#a89bc6
```
#a89bc6 rgb(168,155,198)
```

Analogous Color

#bac69b
```
#bac69b rgb(186,198,155)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#c6a89b
```
#c6a89b rgb(198,168,155)
```

Split Complementary Color

#a4c69b
```
#a4c69b rgb(164,198,155)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#c69ba4
```
#c69ba4 rgb(198,155,164)
```

Triadic Color

#9bc6bd
```
#9bc6bd rgb(155,198,189)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#c69ba4
```
#c69ba4 rgb(198,155,164)
```
#c6bd9b
```
#c6bd9b rgb(198,189,155)
```

Tetradic Color

#6a78aa
```
#6a78aa rgb(106,120,170)
```
#7b86b3
```
#7b86b3 rgb(123,134,179)
```
#8b95bd
```
#8b95bd rgb(139,149,189)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#abb3cf
```
#abb3cf rgb(171,179,207)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#ccd0e2
```
#ccd0e2 rgb(204,208,226)
```

Monochromatic Color

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

#9bafc6
```
#9bafc6 rgb(155,175,198)
```
#9babc6
```
#9babc6 rgb(155,171,198)
```
#9ba8c6
```
#9ba8c6 rgb(155,168,198)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#9ba0c6
```
#9ba0c6 rgb(155,160,198)
```
#9b9dc6
```
#9b9dc6 rgb(155,157,198)
```
#9d9bc6
```
#9d9bc6 rgb(157,155,198)
```

Similar Colors

Text with hexadecimal color #9ba4c6

This text has a font color of #9ba4c6.

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

#9ba4c6 background color

This paragraph has a background color of #9ba4c6.

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

#9ba4c6 border color

This element has a border color of #9ba4c6.

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

CSS codes

.text {color:#9ba4c6;}

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

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

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, #07080c is the darkest color, while #ffffff is the lightest one.

#07080c
```
#07080c rgb(7,8,12)
```
#0e1019
```
#0e1019 rgb(14,16,25)
```
#151925
```
#151925 rgb(21,25,37)
```
#1c2132
```
#1c2132 rgb(28,33,50)
```
#24293e
```
#24293e rgb(36,41,62)
```
#2b314b
```
#2b314b rgb(43,49,75)
```
#323a57
```
#323a57 rgb(50,58,87)
```
#394264
```
#394264 rgb(57,66,100)
```
#404a70
```
#404a70 rgb(64,74,112)
```
#47527d
```
#47527d rgb(71,82,125)
```
#4e5b89
```
#4e5b89 rgb(78,91,137)
```
#556396
```
#556396 rgb(85,99,150)
```
#5d6ba2
```
#5d6ba2 rgb(93,107,162)
```

Shade Color Variation

#6977aa
```
#6977aa rgb(105,119,170)
```
#7682b1
```
#7682b1 rgb(118,130,177)
```
#828db8
```
#828db8 rgb(130,141,184)
```
#8f99bf
```
#8f99bf rgb(143,153,191)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#a7afcd
```
#a7afcd rgb(167,175,205)
```
#b4bbd4
```
#b4bbd4 rgb(180,187,212)
```
#c0c6db
```
#c0c6db rgb(192,198,219)
```
#cdd1e2
```
#cdd1e2 rgb(205,209,226)
```
#d9ddea
```
#d9ddea rgb(217,221,234)
```
#e6e8f1
```
#e6e8f1 rgb(230,232,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#adafb4
```
#adafb4 rgb(173,175,180)
```
#a7abba
```
#a7abba rgb(167,171,186)
```
#a1a8c0
```
#a1a8c0 rgb(161,168,192)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#95a0cc
```
#95a0cc rgb(149,160,204)
```
#8f9dd2
```
#8f9dd2 rgb(143,157,210)
```
#8999d8
```
#8999d8 rgb(137,153,216)
```
#8396de
```
#8396de rgb(131,150,222)
```
#7d92e4
```
#7d92e4 rgb(125,146,228)
```
#778fea
```
#778fea rgb(119,143,234)
```
#718bf0
```
#718bf0 rgb(113,139,240)
```
#6b88f6
```
#6b88f6 rgb(107,136,246)
```
#6584fc
```
#6584fc rgb(101,132,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a8c8 Protanopia 1% of men
#a8a6c9 Deuteranopia 1% of men
#9cabb8 Tritanopia 0.001% of the population

Trichromacy

#9fa6c7 Protanomaly 1% of men, 0.01% of women
#a3a5c8 Deuteranomaly 6% of men, 0.4% of women
#9ba8bd Tritanomaly 0.01% of the population

#9ba4c6 hex color

#9ba4c6 Color Information

#9ba4c6 Color Conversion

Color Schemes with #9ba4c6

Alternatives to #9ba4c6

#9ba4c6 Preview

Shades and Tints of #9ba4c6

Tones of #9ba4c6

Color Blindness Simulator