#9bbcba hex color

In a RGB color space, hex #9bbcba is composed of 60.8% red, 73.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 1.1% yellow and 26.3% black. It has a hue angle of 176.4 degrees, a saturation of 19.8% and a lightness of 67.3%. #9bbcba color hex could be obtained by blending #ffffff with #377975. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 61
- G 74
- B 73
RGB color chart
- C 18
- M 0
- Y 1
- K 26
CMYK color chart

● #9bbcba color description : Grayish cyan.

The hexadecimal color #9bbcba has RGB values of R:155, G:188, B:186 and CMYK values of C:0.18, M:0, Y:0.01, K:0.26. Its decimal value is 10206394.

Hex triplet	9bbcba	`#9bbcba`
RGB Decimal	155, 188, 186	`rgb(155,188,186)`
RGB Percent	60.8, 73.7, 72.9	`rgb(60.8%,73.7%,72.9%)`
CMYK	18, 0, 1, 26
HSL	176.4°, 19.8, 67.3	`hsl(176.4,19.8%,67.3%)`
HSV (or HSB)	176.4°, 17.6, 73.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.855, -11.487, -2.696
XYZ	40.362, 46.479, 53.297
xyY	0.288, 0.332, 46.479
CIE-LCH	73.855, 11.8, 193.209
CIE-LUV	73.855, -17.227, -2.13
Hunter-Lab	68.176, -13.631, 1.373
Binary	10011011, 10111100, 10111010

#9bbcba
```
#9bbcba rgb(155,188,186)
```
#bc9b9d
```
#bc9b9d rgb(188,155,157)
```

Complementary Color

#9bbcaa
```
#9bbcaa rgb(155,188,170)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#9baebc
```
#9baebc rgb(155,174,188)
```

Analogous Color

#bcaa9b
```
#bcaa9b rgb(188,170,155)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#bc9bae
```
#bc9bae rgb(188,155,174)
```

Split Complementary Color

#bcba9b
```
#bcba9b rgb(188,186,155)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#ba9bbc
```
#ba9bbc rgb(186,155,188)
```

Triadic Color

#9dbc9b
```
#9dbc9b rgb(157,188,155)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#ba9bbc
```
#ba9bbc rgb(186,155,188)
```
#bc9b9d
```
#bc9b9d rgb(188,155,157)
```

Tetradic Color

#6d9d9a
```
#6d9d9a rgb(109,157,154)
```
#7ca8a5
```
#7ca8a5 rgb(124,168,165)
```
#8cb2af
```
#8cb2af rgb(140,178,175)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#aac6c5
```
#aac6c5 rgb(170,198,197)
```
#bad0cf
```
#bad0cf rgb(186,208,207)
```
#c9dbda
```
#c9dbda rgb(201,219,218)
```

Monochromatic Color

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

#9bbcb2
```
#9bbcb2 rgb(155,188,178)
```
#9bbcb5
```
#9bbcb5 rgb(155,188,181)
```
#9bbcb7
```
#9bbcb7 rgb(155,188,183)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#9bbbbc
```
#9bbbbc rgb(155,187,188)
```
#9bb9bc
```
#9bb9bc rgb(155,185,188)
```
#9bb6bc
```
#9bb6bc rgb(155,182,188)
```

Similar Colors

Text with hexadecimal color #9bbcba

This text has a font color of #9bbcba.

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

#9bbcba background color

This paragraph has a background color of #9bbcba.

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

#9bbcba border color

This element has a border color of #9bbcba.

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

CSS codes

.text {color:#9bbcba;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1111
```
#0c1111 rgb(12,17,17)
```
#141d1d
```
#141d1d rgb(20,29,29)
```
#1b2928
```
#1b2928 rgb(27,41,40)
```
#233534
```
#233534 rgb(35,53,52)
```
#2b403f
```
#2b403f rgb(43,64,63)
```
#334c4b
```
#334c4b rgb(51,76,75)
```
#3b5856
```
#3b5856 rgb(59,88,86)
```
#436462
```
#436462 rgb(67,100,98)
```
#4b6f6d
```
#4b6f6d rgb(75,111,109)
```
#537b79
```
#537b79 rgb(83,123,121)
```
#5a8784
```
#5a8784 rgb(90,135,132)
```
#629390
```
#629390 rgb(98,147,144)
```

Shade Color Variation

#6c9d9a
```
#6c9d9a rgb(108,157,154)
```
#78a4a2
```
#78a4a2 rgb(120,164,162)
```
#84acaa
```
#84acaa rgb(132,172,170)
```
#8fb4b2
```
#8fb4b2 rgb(143,180,178)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#a7c4c2
```
#a7c4c2 rgb(167,196,194)
```
#b2ccca
```
#b2ccca rgb(178,204,202)
```
#bed4d2
```
#bed4d2 rgb(190,212,210)
```
#cadbda
```
#cadbda rgb(202,219,218)
```
#d6e3e3
```
#d6e3e3 rgb(214,227,227)
```
#e1ebeb
```
#e1ebeb rgb(225,235,235)
```
#edf3f3
```
#edf3f3 rgb(237,243,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#a8afaf
```
#a8afaf rgb(168,175,175)
```
#a1b6b4
```
#a1b6b4 rgb(161,182,180)
```
#9bbcba
```
#9bbcba rgb(155,188,186)
```
#95c2c0
```
#95c2c0 rgb(149,194,192)
```
#8ec9c5
```
#8ec9c5 rgb(142,201,197)
```
#88cfcb
```
#88cfcb rgb(136,207,203)
```
#81d6d1
```
#81d6d1 rgb(129,214,209)
```
#7bdcd6
```
#7bdcd6 rgb(123,220,214)
```
#74e3dc
```
#74e3dc rgb(116,227,220)
```
#6ee9e2
```
#6ee9e2 rgb(110,233,226)
```
#68efe7
```
#68efe7 rgb(104,239,231)
```
#61f6ed
```
#61f6ed rgb(97,246,237)
```
#5bfcf2
```
#5bfcf2 rgb(91,252,242)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#adb4b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb8b9 Protanopia 1% of men
#c6b4c1 Deuteranopia 1% of men
#a3bdca Tritanopia 0.001% of the population

Trichromacy

#b0b9b9 Protanomaly 1% of men, 0.01% of women
#b6b7be Deuteranomaly 6% of men, 0.4% of women
#a0bcc4 Tritanomaly 0.01% of the population

#9bbcba hex color

#9bbcba Color Information

#9bbcba Color Conversion

Color Schemes with #9bbcba

Alternatives to #9bbcba

#9bbcba Preview

Shades and Tints of #9bbcba

Tones of #9bbcba

Color Blindness Simulator