#9bb9bd hex color

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

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

● #9bb9bd color description : Grayish cyan.

The hexadecimal color #9bb9bd has RGB values of R:155, G:185, B:189 and CMYK values of C:0.18, M:0.02, Y:0, K:0.26. Its decimal value is 10205629.

Hex triplet	9bb9bd	`#9bb9bd`
RGB Decimal	155, 185, 189	`rgb(155,185,189)`
RGB Percent	60.8, 72.5, 74.1	`rgb(60.8%,72.5%,74.1%)`
CMYK	18, 2, 0, 26
HSL	187.1°, 20.5, 67.5	`hsl(187.1,20.5%,67.5%)`
HSV (or HSB)	187.1°, 18, 74.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.115, -9.267, -5.424
XYZ	40.05, 45.34, 54.783
xyY	0.286, 0.323, 45.34
CIE-LCH	73.115, 10.738, 210.344
CIE-LUV	73.115, -15.892, -6.644
Hunter-Lab	67.335, -11.666, -1.103
Binary	10011011, 10111001, 10111101

#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#bd9f9b
```
#bd9f9b rgb(189,159,155)
```

Complementary Color

#9bbdb0
```
#9bbdb0 rgb(155,189,176)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#9ba8bd
```
#9ba8bd rgb(155,168,189)
```

Analogous Color

#bdb09b
```
#bdb09b rgb(189,176,155)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#bd9ba8
```
#bd9ba8 rgb(189,155,168)
```

Split Complementary Color

#b9bd9b
```
#b9bd9b rgb(185,189,155)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#bd9bb9
```
#bd9bb9 rgb(189,155,185)
```

Triadic Color

#9bbd9f
```
#9bbd9f rgb(155,189,159)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#bd9bb9
```
#bd9bb9 rgb(189,155,185)
```
#bd9f9b
```
#bd9f9b rgb(189,159,155)
```

Tetradic Color

#6d999f
```
#6d999f rgb(109,153,159)
```
#7ca3a9
```
#7ca3a9 rgb(124,163,169)
```
#8caeb3
```
#8caeb3 rgb(140,174,179)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#aac4c7
```
#aac4c7 rgb(170,196,199)
```
#bacfd1
```
#bacfd1 rgb(186,207,209)
```
#c9d9db
```
#c9d9db rgb(201,217,219)
```

Monochromatic Color

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

#9bbdb9
```
#9bbdb9 rgb(155,189,185)
```
#9bbdbb
```
#9bbdbb rgb(155,189,187)
```
#9bbcbd
```
#9bbcbd rgb(155,188,189)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#9bb6bd
```
#9bb6bd rgb(155,182,189)
```
#9bb3bd
```
#9bb3bd rgb(155,179,189)
```
#9bb1bd
```
#9bb1bd rgb(155,177,189)
```

Similar Colors

Text with hexadecimal color #9bb9bd

This text has a font color of #9bb9bd.

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

#9bb9bd background color

This paragraph has a background color of #9bb9bd.

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

#9bb9bd border color

This element has a border color of #9bb9bd.

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

CSS codes

.text {color:#9bb9bd;}

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

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

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)
```
#0c1112
```
#0c1112 rgb(12,17,18)
```
#141d1e
```
#141d1e rgb(20,29,30)
```
#1c282a
```
#1c282a rgb(28,40,42)
```
#233336
```
#233336 rgb(35,51,54)
```
#2b3f41
```
#2b3f41 rgb(43,63,65)
```
#334a4d
```
#334a4d rgb(51,74,77)
```
#3b5659
```
#3b5659 rgb(59,86,89)
```
#436165
```
#436165 rgb(67,97,101)
```
#4a6c71
```
#4a6c71 rgb(74,108,113)
```
#52787d
```
#52787d rgb(82,120,125)
```
#5a8388
```
#5a8388 rgb(90,131,136)
```
#628e94
```
#628e94 rgb(98,142,148)
```

Shade Color Variation

#6c989e
```
#6c989e rgb(108,152,158)
```
#78a0a6
```
#78a0a6 rgb(120,160,166)
```
#83a8ad
```
#83a8ad rgb(131,168,173)
```
#8fb1b5
```
#8fb1b5 rgb(143,177,181)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#a7c1c5
```
#a7c1c5 rgb(167,193,197)
```
#b3cacd
```
#b3cacd rgb(179,202,205)
```
#bed2d4
```
#bed2d4 rgb(190,210,212)
```
#cadadc
```
#cadadc rgb(202,218,220)
```
#d6e2e4
```
#d6e2e4 rgb(214,226,228)
```
#e2ebec
```
#e2ebec rgb(226,235,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, #a8afb0 is the less saturated color, while #5beafd is the most saturated one.

#a8afb0
```
#a8afb0 rgb(168,175,176)
```
#a1b4b7
```
#a1b4b7 rgb(161,180,183)
```
#9bb9bd
```
#9bb9bd rgb(155,185,189)
```
#95bec3
```
#95bec3 rgb(149,190,195)
```
#8ec3ca
```
#8ec3ca rgb(142,195,202)
```
#88c8d0
```
#88c8d0 rgb(136,200,208)
```
#81cdd7
```
#81cdd7 rgb(129,205,215)
```
#7bd1dd
```
#7bd1dd rgb(123,209,221)
```
#75d6e3
```
#75d6e3 rgb(117,214,227)
```
#6edbea
```
#6edbea rgb(110,219,234)
```
#68e0f0
```
#68e0f0 rgb(104,224,240)
```
#62e5f6
```
#62e5f6 rgb(98,229,246)
```
#5beafd
```
#5beafd rgb(91,234,253)
```

Tone Color Variation

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

#b8b6bd Protanopia 1% of men
#c2b2c3 Deuteranopia 1% of men
#a2bbc8 Tritanopia 0.001% of the population

Trichromacy

#adb7bd Protanomaly 1% of men, 0.01% of women
#b4b4c1 Deuteranomaly 6% of men, 0.4% of women
#9fbac4 Tritanomaly 0.01% of the population

#9bb9bd hex color

#9bb9bd Color Information

#9bb9bd Color Conversion

Color Schemes with #9bb9bd

Alternatives to #9bb9bd

#9bb9bd Preview

Shades and Tints of #9bb9bd

Tones of #9bb9bd

Color Blindness Simulator