#9bb8bf hex color

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

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

● #9bb8bf color description : Grayish cyan.

The hexadecimal color #9bb8bf has RGB values of R:155, G:184, B:191 and CMYK values of C:0.19, M:0.04, Y:0, K:0.25. Its decimal value is 10205375.

Hex triplet	9bb8bf	`#9bb8bf`
RGB Decimal	155, 184, 191	`rgb(155,184,191)`
RGB Percent	60.8, 72.2, 74.9	`rgb(60.8%,72.2%,74.9%)`
CMYK	19, 4, 0, 25
HSL	191.7°, 22, 67.8	`hsl(191.7,22%,67.8%)`
HSV (or HSB)	191.7°, 18.8, 74.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.899, -8.302, -6.838
XYZ	40.06, 45.01, 55.865
xyY	0.284, 0.319, 45.01
CIE-LCH	72.899, 10.756, 219.475
CIE-LUV	72.899, -15.474, -8.973
Hunter-Lab	67.09, -10.823, -2.407
Binary	10011011, 10111000, 10111111

#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#bfa29b
```
#bfa29b rgb(191,162,155)
```

Complementary Color

#9bbfb4
```
#9bbfb4 rgb(155,191,180)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#9ba6bf
```
#9ba6bf rgb(155,166,191)
```

Analogous Color

#bfb49b
```
#bfb49b rgb(191,180,155)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#bf9ba6
```
#bf9ba6 rgb(191,155,166)
```

Split Complementary Color

#b8bf9b
```
#b8bf9b rgb(184,191,155)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#bf9bb8
```
#bf9bb8 rgb(191,155,184)
```

Triadic Color

#9bbfa2
```
#9bbfa2 rgb(155,191,162)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#bf9bb8
```
#bf9bb8 rgb(191,155,184)
```
#bfa29b
```
#bfa29b rgb(191,162,155)
```

Tetradic Color

#6c97a1
```
#6c97a1 rgb(108,151,161)
```
#7ca2ab
```
#7ca2ab rgb(124,162,171)
```
#8badb5
```
#8badb5 rgb(139,173,181)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#abc3c9
```
#abc3c9 rgb(171,195,201)
```
#baced3
```
#baced3 rgb(186,206,211)
```
#cad9dd
```
#cad9dd rgb(202,217,221)
```

Monochromatic Color

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

#9bbfbd
```
#9bbfbd rgb(155,191,189)
```
#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)
```

Similar Colors

Text with hexadecimal color #9bb8bf

This text has a font color of #9bb8bf.

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

#9bb8bf background color

This paragraph has a background color of #9bb8bf.

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

#9bb8bf border color

This element has a border color of #9bb8bf.

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

CSS codes

.text {color:#9bb8bf;}

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

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

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)
```
#141d20
```
#141d20 rgb(20,29,32)
```
#1c282c
```
#1c282c rgb(28,40,44)
```
#243437
```
#243437 rgb(36,52,55)
```
#2b3f43
```
#2b3f43 rgb(43,63,67)
```
#334a4f
```
#334a4f rgb(51,74,79)
```
#3a555b
```
#3a555b rgb(58,85,91)
```
#426067
```
#426067 rgb(66,96,103)
```
#4a6b73
```
#4a6b73 rgb(74,107,115)
```
#51767f
```
#51767f rgb(81,118,127)
```
#59818b
```
#59818b rgb(89,129,139)
```
#618d97
```
#618d97 rgb(97,141,151)
```

Shade Color Variation

#6b96a0
```
#6b96a0 rgb(107,150,160)
```
#779fa8
```
#779fa8 rgb(119,159,168)
```
#83a7b0
```
#83a7b0 rgb(131,167,176)
```
#8fb0b7
```
#8fb0b7 rgb(143,176,183)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#a7c0c7
```
#a7c0c7 rgb(167,192,199)
```
#b3c9ce
```
#b3c9ce rgb(179,201,206)
```
#bfd1d6
```
#bfd1d6 rgb(191,209,214)
```
#cbdade
```
#cbdade rgb(203,218,222)
```
#d7e2e5
```
#d7e2e5 rgb(215,226,229)
```
#e3ebed
```
#e3ebed rgb(227,235,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, #a8b0b2 is the less saturated color, while #5cdffe is the most saturated one.

#a8b0b2
```
#a8b0b2 rgb(168,176,178)
```
#a1b4b9
```
#a1b4b9 rgb(161,180,185)
```
#9bb8bf
```
#9bb8bf rgb(155,184,191)
```
#95bcc5
```
#95bcc5 rgb(149,188,197)
```
#8ec0cc
```
#8ec0cc rgb(142,192,204)
```
#88c4d2
```
#88c4d2 rgb(136,196,210)
```
#82c7d8
```
#82c7d8 rgb(130,199,216)
```
#7bcbdf
```
#7bcbdf rgb(123,203,223)
```
#75cfe5
```
#75cfe5 rgb(117,207,229)
```
#6fd3eb
```
#6fd3eb rgb(111,211,235)
```
#69d7f1
```
#69d7f1 rgb(105,215,241)
```
#62dbf8
```
#62dbf8 rgb(98,219,248)
```
#5cdffe
```
#5cdffe rgb(92,223,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#acb2b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b5bf Protanopia 1% of men
#c0b2c5 Deuteranopia 1% of men
#a1bac8 Tritanopia 0.001% of the population

Trichromacy

#adb6bf Protanomaly 1% of men, 0.01% of women
#b3b4c3 Deuteranomaly 6% of men, 0.4% of women
#9fb9c4 Tritanomaly 0.01% of the population

#9bb8bf hex color

#9bb8bf Color Information

#9bb8bf Color Conversion

Color Schemes with #9bb8bf

Alternatives to #9bb8bf

#9bb8bf Preview

Shades and Tints of #9bb8bf

Tones of #9bb8bf

Color Blindness Simulator