#9bbcbd hex color

In a RGB color space, hex #9bbcbd is composed of 60.8% red, 73.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 0.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 181.8 degrees, a saturation of 20.5% and a lightness of 67.5%. #9bbcbd color hex could be obtained by blending #ffffff with #37797b. Closest websafe color is: #99cccc.

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

● #9bbcbd color description : Grayish cyan.

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

Hex triplet	9bbcbd	`#9bbcbd`
RGB Decimal	155, 188, 189	`rgb(155,188,189)`
RGB Percent	60.8, 73.7, 74.1	`rgb(60.8%,73.7%,74.1%)`
CMYK	18, 1, 0, 26
HSL	181.8°, 20.5, 67.5	`hsl(181.8,20.5%,67.5%)`
HSV (or HSB)	181.8°, 18, 74.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.938, -10.847, -4.209
XYZ	40.684, 46.608, 54.994
xyY	0.286, 0.328, 46.608
CIE-LCH	73.938, 11.635, 201.208
CIE-LUV	73.938, -17.281, -4.538
Hunter-Lab	68.27, -13.1, 0.029
Binary	10011011, 10111100, 10111101

#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#bd9c9b
```
#bd9c9b rgb(189,156,155)
```

Complementary Color

#9bbdad
```
#9bbdad rgb(155,189,173)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#9babbd
```
#9babbd rgb(155,171,189)
```

Analogous Color

#bdad9b
```
#bdad9b rgb(189,173,155)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#bd9bab
```
#bd9bab rgb(189,155,171)
```

Split Complementary Color

#bcbd9b
```
#bcbd9b rgb(188,189,155)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#bd9bbc
```
#bd9bbc rgb(189,155,188)
```

Triadic Color

#9bbd9c
```
#9bbd9c rgb(155,189,156)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#bd9bbc
```
#bd9bbc rgb(189,155,188)
```
#bd9c9b
```
#bd9c9b rgb(189,156,155)
```

Tetradic Color

#6d9d9f
```
#6d9d9f rgb(109,157,159)
```
#7ca7a9
```
#7ca7a9 rgb(124,167,169)
```
#8cb2b3
```
#8cb2b3 rgb(140,178,179)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#aac6c7
```
#aac6c7 rgb(170,198,199)
```
#bad1d1
```
#bad1d1 rgb(186,209,209)
```
#c9dbdb
```
#c9dbdb rgb(201,219,219)
```

Monochromatic Color

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

#9bbdb6
```
#9bbdb6 rgb(155,189,182)
```
#9bbdb8
```
#9bbdb8 rgb(155,189,184)
```
#9bbdbb
```
#9bbdbb rgb(155,189,187)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#9bb6bd
```
#9bb6bd rgb(155,182,189)
```
#9bb4bd
```
#9bb4bd rgb(155,180,189)
```

Similar Colors

Text with hexadecimal color #9bbcbd

This text has a font color of #9bbcbd.

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

#9bbcbd background color

This paragraph has a background color of #9bbcbd.

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

#9bbcbd border color

This element has a border color of #9bbcbd.

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

CSS codes

.text {color:#9bbcbd;}

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

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

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 #fafbfb is the lightest one.

#040606
```
#040606 rgb(4,6,6)
```
#0c1212
```
#0c1212 rgb(12,18,18)
```
#141e1e
```
#141e1e rgb(20,30,30)
```
#1c292a
```
#1c292a rgb(28,41,42)
```
#233536
```
#233536 rgb(35,53,54)
```
#2b4141
```
#2b4141 rgb(43,65,65)
```
#334c4d
```
#334c4d rgb(51,76,77)
```
#3b5859
```
#3b5859 rgb(59,88,89)
```
#436465
```
#436465 rgb(67,100,101)
```
#4a7071
```
#4a7071 rgb(74,112,113)
```
#527b7d
```
#527b7d rgb(82,123,125)
```
#5a8788
```
#5a8788 rgb(90,135,136)
```
#629394
```
#629394 rgb(98,147,148)
```

Shade Color Variation

#6c9c9e
```
#6c9c9e rgb(108,156,158)
```
#78a4a6
```
#78a4a6 rgb(120,164,166)
```
#83acad
```
#83acad rgb(131,172,173)
```
#8fb4b5
```
#8fb4b5 rgb(143,180,181)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#a7c4c5
```
#a7c4c5 rgb(167,196,197)
```
#b3cccd
```
#b3cccd rgb(179,204,205)
```
#bed4d4
```
#bed4d4 rgb(190,212,212)
```
#cadcdc
```
#cadcdc rgb(202,220,220)
```
#d6e4e4
```
#d6e4e4 rgb(214,228,228)
```
#e2ecec
```
#e2ecec rgb(226,236,236)
```
#eef3f4
```
#eef3f4 rgb(238,243,244)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#a8b0b0
```
#a8b0b0 rgb(168,176,176)
```
#a1b6b7
```
#a1b6b7 rgb(161,182,183)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#95c2c3
```
#95c2c3 rgb(149,194,195)
```
#8ec8ca
```
#8ec8ca rgb(142,200,202)
```
#88ced0
```
#88ced0 rgb(136,206,208)
```
#81d4d7
```
#81d4d7 rgb(129,212,215)
```
#7bdadd
```
#7bdadd rgb(123,218,221)
```
#75e0e3
```
#75e0e3 rgb(117,224,227)
```
#6ee6ea
```
#6ee6ea rgb(110,230,234)
```
#68ecf0
```
#68ecf0 rgb(104,236,240)
```
#62f2f6
```
#62f2f6 rgb(98,242,246)
```
#5bf8fd
```
#5bf8fd rgb(91,248,253)
```

Tone Color Variation

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

#bbb8bc Protanopia 1% of men
#c5b4c4 Deuteranopia 1% of men
#a2bdcb Tritanopia 0.001% of the population

Trichromacy

#afb9bc Protanomaly 1% of men, 0.01% of women
#b6b7c1 Deuteranomaly 6% of men, 0.4% of women
#9fbdc6 Tritanomaly 0.01% of the population

#9bbcbd hex color

#9bbcbd Color Information

#9bbcbd Color Conversion

Color Schemes with #9bbcbd

Alternatives to #9bbcbd

#9bbcbd Preview

Shades and Tints of #9bbcbd

Tones of #9bbcbd

Color Blindness Simulator