#9bb8ba hex color

In a RGB color space, hex #9bb8ba is composed of 60.8% red, 72.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 1.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 183.9 degrees, a saturation of 18.3% and a lightness of 66.9%. #9bb8ba color hex could be obtained by blending #ffffff with #377175. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 61
- G 72
- B 73
RGB color chart
- C 17
- M 1
- Y 0
- K 27
CMYK color chart

● #9bb8ba color description : Grayish cyan.

The hexadecimal color #9bb8ba has RGB values of R:155, G:184, B:186 and CMYK values of C:0.17, M:0.01, Y:0, K:0.27. Its decimal value is 10205370.

Hex triplet	9bb8ba	`#9bb8ba`
RGB Decimal	155, 184, 186	`rgb(155,184,186)`
RGB Percent	60.8, 72.2, 72.9	`rgb(60.8%,72.2%,72.9%)`
CMYK	17, 1, 0, 27
HSL	183.9°, 18.3, 66.9	`hsl(183.9,18.3%,66.9%)`
HSV (or HSB)	183.9°, 16.7, 72.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.756, -9.382, -4.315
XYZ	39.519, 44.794, 53.016
xyY	0.288, 0.326, 44.794
CIE-LCH	72.756, 10.327, 204.696
CIE-LUV	72.756, -15.362, -4.922
Hunter-Lab	66.928, -11.726, -0.115
Binary	10011011, 10111000, 10111010

#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#ba9d9b
```
#ba9d9b rgb(186,157,155)
```

Complementary Color

#9bbaad
```
#9bbaad rgb(155,186,173)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#9ba9ba
```
#9ba9ba rgb(155,169,186)
```

Analogous Color

#baad9b
```
#baad9b rgb(186,173,155)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#ba9ba9
```
#ba9ba9 rgb(186,155,169)
```

Split Complementary Color

#b8ba9b
```
#b8ba9b rgb(184,186,155)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#ba9bb8
```
#ba9bb8 rgb(186,155,184)
```

Triadic Color

#9bba9d
```
#9bba9d rgb(155,186,157)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#ba9bb8
```
#ba9bb8 rgb(186,155,184)
```
#ba9d9b
```
#ba9d9b rgb(186,157,155)
```

Tetradic Color

#6e989b
```
#6e989b rgb(110,152,155)
```
#7da3a5
```
#7da3a5 rgb(125,163,165)
```
#8cadb0
```
#8cadb0 rgb(140,173,176)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#aac3c4
```
#aac3c4 rgb(170,195,196)
```
#b9cdcf
```
#b9cdcf rgb(185,205,207)
```
#c8d8d9
```
#c8d8d9 rgb(200,216,217)
```

Monochromatic Color

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

#9bbab4
```
#9bbab4 rgb(155,186,180)
```
#9bbab7
```
#9bbab7 rgb(155,186,183)
```
#9bbab9
```
#9bbab9 rgb(155,186,185)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#9bb5ba
```
#9bb5ba rgb(155,181,186)
```
#9bb3ba
```
#9bb3ba rgb(155,179,186)
```
#9bb0ba
```
#9bb0ba rgb(155,176,186)
```

Similar Colors

Text with hexadecimal color #9bb8ba

This text has a font color of #9bb8ba.

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

#9bb8ba background color

This paragraph has a background color of #9bb8ba.

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

#9bb8ba border color

This element has a border color of #9bb8ba.

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

CSS codes

.text {color:#9bb8ba;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b1010
```
#0b1010 rgb(11,16,16)
```
#131b1c
```
#131b1c rgb(19,27,28)
```
#1b2627
```
#1b2627 rgb(27,38,39)
```
#233233
```
#233233 rgb(35,50,51)
```
#2b3d3e
```
#2b3d3e rgb(43,61,62)
```
#33494a
```
#33494a rgb(51,73,74)
```
#3b5456
```
#3b5456 rgb(59,84,86)
```
#435f61
```
#435f61 rgb(67,95,97)
```
#4b6b6d
```
#4b6b6d rgb(75,107,109)
```
#537679
```
#537679 rgb(83,118,121)
```
#5b8184
```
#5b8184 rgb(91,129,132)
```
#638d90
```
#638d90 rgb(99,141,144)
```

Shade Color Variation

#6d979a
```
#6d979a rgb(109,151,154)
```
#789fa2
```
#789fa2 rgb(120,159,162)
```
#84a8aa
```
#84a8aa rgb(132,168,170)
```
#8fb0b2
```
#8fb0b2 rgb(143,176,178)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#a7c0c2
```
#a7c0c2 rgb(167,192,194)
```
#b2c8ca
```
#b2c8ca rgb(178,200,202)
```
#bed1d2
```
#bed1d2 rgb(190,209,210)
```
#c9d9da
```
#c9d9da rgb(201,217,218)
```
#d5e1e2
```
#d5e1e2 rgb(213,225,226)
```
#e1e9ea
```
#e1e9ea rgb(225,233,234)
```
#ecf2f2
```
#ecf2f2 rgb(236,242,242)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

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

#a8adad
```
#a8adad rgb(168,173,173)
```
#a2b2b4
```
#a2b2b4 rgb(162,178,180)
```
#9bb8ba
```
#9bb8ba rgb(155,184,186)
```
#95bec1
```
#95bec1 rgb(149,190,193)
```
#8ec3c7
```
#8ec3c7 rgb(142,195,199)
```
#88c9ce
```
#88c9ce rgb(136,201,206)
```
#81cfd4
```
#81cfd4 rgb(129,207,212)
```
#7bd4db
```
#7bd4db rgb(123,212,219)
```
#74dae1
```
#74dae1 rgb(116,218,225)
```
#6ee0e8
```
#6ee0e8 rgb(110,224,232)
```
#67e5ee
```
#67e5ee rgb(103,229,238)
```
#61ebf5
```
#61ebf5 rgb(97,235,245)
```
#5af1fb
```
#5af1fb rgb(90,241,251)
```

Tone Color Variation

Below, you can see how #9bb8ba 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
#acb2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b5ba Protanopia 1% of men
#c2b1c0 Deuteranopia 1% of men
#a2bac7 Tritanopia 0.001% of the population

Trichromacy

#adb6ba Protanomaly 1% of men, 0.01% of women
#b4b3be Deuteranomaly 6% of men, 0.4% of women
#9fb9c2 Tritanomaly 0.01% of the population

#9bb8ba hex color

#9bb8ba Color Information

#9bb8ba Color Conversion

Color Schemes with #9bb8ba

Alternatives to #9bb8ba

#9bb8ba Preview

Shades and Tints of #9bb8ba

Tones of #9bb8ba

Color Blindness Simulator