#9bb5bf hex color

In a RGB color space, hex #9bb5bf is composed of 60.8% red, 71% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 5.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.7 degrees, a saturation of 22% and a lightness of 67.8%. #9bb5bf color hex could be obtained by blending #ffffff with #376b7f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 61
- G 71
- B 75
RGB color chart
- C 19
- M 5
- Y 0
- K 25
CMYK color chart

● #9bb5bf color description : Grayish blue.

The hexadecimal color #9bb5bf has RGB values of R:155, G:181, B:191 and CMYK values of C:0.19, M:0.05, Y:0, K:0.25. Its decimal value is 10204607.

Hex triplet	9bb5bf	`#9bb5bf`
RGB Decimal	155, 181, 191	`rgb(155,181,191)`
RGB Percent	60.8, 71, 74.9	`rgb(60.8%,71%,74.9%)`
CMYK	19, 5, 0, 25
HSL	196.7°, 22, 67.8	`hsl(196.7,22%,67.8%)`
HSV (or HSB)	196.7°, 18.8, 74.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.079, -6.704, -8.054
XYZ	39.443, 43.777, 55.659
xyY	0.284, 0.315, 43.777
CIE-LCH	72.079, 10.479, 230.228
CIE-LUV	72.079, -14.089, -11.092
Hunter-Lab	66.164, -9.376, -3.561
Binary	10011011, 10110101, 10111111

#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#bfa59b
```
#bfa59b rgb(191,165,155)
```

Complementary Color

#9bbfb7
```
#9bbfb7 rgb(155,191,183)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#9ba3bf
```
#9ba3bf rgb(155,163,191)
```

Analogous Color

#bfb79b
```
#bfb79b rgb(191,183,155)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#bf9ba3
```
#bf9ba3 rgb(191,155,163)
```

Split Complementary Color

#b5bf9b
```
#b5bf9b rgb(181,191,155)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#bf9bb5
```
#bf9bb5 rgb(191,155,181)
```

Triadic Color

#9bbfa5
```
#9bbfa5 rgb(155,191,165)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#bf9bb5
```
#bf9bb5 rgb(191,155,181)
```
#bfa59b
```
#bfa59b rgb(191,165,155)
```

Tetradic Color

#6c92a1
```
#6c92a1 rgb(108,146,161)
```
#7c9eab
```
#7c9eab rgb(124,158,171)
```
#8ba9b5
```
#8ba9b5 rgb(139,169,181)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#abc1c9
```
#abc1c9 rgb(171,193,201)
```
#baccd3
```
#baccd3 rgb(186,204,211)
```
#cad8dd
```
#cad8dd rgb(202,216,221)
```

Monochromatic Color

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

#9bbebf
```
#9bbebf rgb(155,190,191)
```
#9bbbbf
```
#9bbbbf rgb(155,187,191)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#9bb2bf
```
#9bb2bf rgb(155,178,191)
```
#9bafbf
```
#9bafbf rgb(155,175,191)
```
#9bacbf
```
#9bacbf rgb(155,172,191)
```

Similar Colors

Text with hexadecimal color #9bb5bf

This text has a font color of #9bb5bf.

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

#9bb5bf background color

This paragraph has a background color of #9bb5bf.

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

#9bb5bf border color

This element has a border color of #9bb5bf.

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

CSS codes

.text {color:#9bb5bf;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1214
```
#0d1214 rgb(13,18,20)
```
#141c20
```
#141c20 rgb(20,28,32)
```
#1c272c
```
#1c272c rgb(28,39,44)
```
#243237
```
#243237 rgb(36,50,55)
```
#2b3d43
```
#2b3d43 rgb(43,61,67)
```
#33474f
```
#33474f rgb(51,71,79)
```
#3a525b
```
#3a525b rgb(58,82,91)
```
#425d67
```
#425d67 rgb(66,93,103)
```
#4a6873
```
#4a6873 rgb(74,104,115)
```
#51737f
```
#51737f rgb(81,115,127)
```
#597d8b
```
#597d8b rgb(89,125,139)
```
#618897
```
#618897 rgb(97,136,151)
```

Shade Color Variation

#6b92a0
```
#6b92a0 rgb(107,146,160)
```
#779aa8
```
#779aa8 rgb(119,154,168)
```
#83a3b0
```
#83a3b0 rgb(131,163,176)
```
#8facb7
```
#8facb7 rgb(143,172,183)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#a7bec7
```
#a7bec7 rgb(167,190,199)
```
#b3c7ce
```
#b3c7ce rgb(179,199,206)
```
#bfd0d6
```
#bfd0d6 rgb(191,208,214)
```
#cbd8de
```
#cbd8de rgb(203,216,222)
```
#d7e1e5
```
#d7e1e5 rgb(215,225,229)
```
#e3eaed
```
#e3eaed rgb(227,234,237)
```
#eff3f5
```
#eff3f5 rgb(239,243,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#a8afb2
```
#a8afb2 rgb(168,175,178)
```
#a1b2b9
```
#a1b2b9 rgb(161,178,185)
```
#9bb5bf
```
#9bb5bf rgb(155,181,191)
```
#95b8c5
```
#95b8c5 rgb(149,184,197)
```
#8ebbcc
```
#8ebbcc rgb(142,187,204)
```
#88bdd2
```
#88bdd2 rgb(136,189,210)
```
#82c0d8
```
#82c0d8 rgb(130,192,216)
```
#7bc3df
```
#7bc3df rgb(123,195,223)
```
#75c6e5
```
#75c6e5 rgb(117,198,229)
```
#6fc9eb
```
#6fc9eb rgb(111,201,235)
```
#69cbf1
```
#69cbf1 rgb(105,203,241)
```
#62cef8
```
#62cef8 rgb(98,206,248)
```
#5cd1fe
```
#5cd1fe rgb(92,209,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aaafb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b3bf Protanopia 1% of men
#bdb0c5 Deuteranopia 1% of men
#a0b8c5 Tritanopia 0.001% of the population

Trichromacy

#abb4bf Protanomaly 1% of men, 0.01% of women
#b0b1c2 Deuteranomaly 6% of men, 0.4% of women
#9eb7c3 Tritanomaly 0.01% of the population

#9bb5bf hex color

#9bb5bf Color Information

#9bb5bf Color Conversion

Color Schemes with #9bb5bf

Alternatives to #9bb5bf

#9bb5bf Preview

Shades and Tints of #9bb5bf

Tones of #9bb5bf

Color Blindness Simulator