#9bb9b2 hex color

In a RGB color space, hex #9bb9b2 is composed of 60.8% red, 72.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 3.8% yellow and 27.5% black. It has a hue angle of 166 degrees, a saturation of 17.6% and a lightness of 66.7%. #9bb9b2 color hex could be obtained by blending #ffffff with #377365. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 61
- G 73
- B 70
RGB color chart
- C 16
- M 0
- Y 4
- K 27
CMYK color chart

● #9bb9b2 color description : Grayish cyan.

The hexadecimal color #9bb9b2 has RGB values of R:155, G:185, B:178 and CMYK values of C:0.16, M:0, Y:0.04, K:0.27. Its decimal value is 10205618.

Hex triplet	9bb9b2	`#9bb9b2`
RGB Decimal	155, 185, 178	`rgb(155,185,178)`
RGB Percent	60.8, 72.5, 69.8	`rgb(60.8%,72.5%,69.8%)`
CMYK	16, 0, 4, 27
HSL	166°, 17.6, 66.7	`hsl(166,17.6%,66.7%)`
HSV (or HSB)	166°, 16.2, 72.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.813, -11.584, 0.143
XYZ	38.901, 44.88, 48.73
xyY	0.294, 0.339, 44.88
CIE-LCH	72.813, 11.585, 179.294
CIE-LUV	72.813, -15.663, 2.152
Hunter-Lab	66.993, -13.587, 3.767
Binary	10011011, 10111001, 10110010

#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#b99ba2
```
#b99ba2 rgb(185,155,162)
```

Complementary Color

#9bb9a3
```
#9bb9a3 rgb(155,185,163)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#9bb1b9
```
#9bb1b9 rgb(155,177,185)
```

Analogous Color

#b9a39b
```
#b9a39b rgb(185,163,155)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#b99bb1
```
#b99bb1 rgb(185,155,177)
```

Split Complementary Color

#b9b29b
```
#b9b29b rgb(185,178,155)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#b29bb9
```
#b29bb9 rgb(178,155,185)
```

Triadic Color

#a2b99b
```
#a2b99b rgb(162,185,155)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#b29bb9
```
#b29bb9 rgb(178,155,185)
```
#b99ba2
```
#b99ba2 rgb(185,155,162)
```

Tetradic Color

#6e9a8f
```
#6e9a8f rgb(110,154,143)
```
#7da49b
```
#7da49b rgb(125,164,155)
```
#8cafa6
```
#8cafa6 rgb(140,175,166)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#aac4be
```
#aac4be rgb(170,196,190)
```
#b9cec9
```
#b9cec9 rgb(185,206,201)
```
#c8d9d5
```
#c8d9d5 rgb(200,217,213)
```

Monochromatic Color

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

#9bb9ab
```
#9bb9ab rgb(155,185,171)
```
#9bb9ad
```
#9bb9ad rgb(155,185,173)
```
#9bb9b0
```
#9bb9b0 rgb(155,185,176)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#9bb9b5
```
#9bb9b5 rgb(155,185,181)
```
#9bb9b7
```
#9bb9b7 rgb(155,185,183)
```
#9bb9b9
```
#9bb9b9 rgb(155,185,185)
```

Similar Colors

Text with hexadecimal color #9bb9b2

This text has a font color of #9bb9b2.

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

#9bb9b2 background color

This paragraph has a background color of #9bb9b2.

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

#9bb9b2 border color

This element has a border color of #9bb9b2.

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

CSS codes

.text {color:#9bb9b2;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0f0e
```
#0b0f0e rgb(11,15,14)
```
#131b19
```
#131b19 rgb(19,27,25)
```
#1b2624
```
#1b2624 rgb(27,38,36)
```
#23322f
```
#23322f rgb(35,50,47)
```
#2b3e39
```
#2b3e39 rgb(43,62,57)
```
#334944
```
#334944 rgb(51,73,68)
```
#3b554f
```
#3b554f rgb(59,85,79)
```
#436059
```
#436059 rgb(67,96,89)
```
#4b6c64
```
#4b6c64 rgb(75,108,100)
```
#53776f
```
#53776f rgb(83,119,111)
```
#5c837a
```
#5c837a rgb(92,131,122)
```
#648e84
```
#648e84 rgb(100,142,132)
```

Shade Color Variation

#6d998e
```
#6d998e rgb(109,153,142)
```
#78a197
```
#78a197 rgb(120,161,151)
```
#84a9a0
```
#84a9a0 rgb(132,169,160)
```
#8fb1a9
```
#8fb1a9 rgb(143,177,169)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#a7c1bb
```
#a7c1bb rgb(167,193,187)
```
#b2c9c4
```
#b2c9c4 rgb(178,201,196)
```
#bed1cd
```
#bed1cd rgb(190,209,205)
```
#c9d9d6
```
#c9d9d6 rgb(201,217,214)
```
#d5e1de
```
#d5e1de rgb(213,225,222)
```
#e0e9e7
```
#e0e9e7 rgb(224,233,231)
```
#ecf2f0
```
#ecf2f0 rgb(236,242,240)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#a8acab
```
#a8acab rgb(168,172,171)
```
#a2b2af
```
#a2b2af rgb(162,178,175)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#94c0b5
```
#94c0b5 rgb(148,192,181)
```
#8ec6b9
```
#8ec6b9 rgb(142,198,185)
```
#87cdbc
```
#87cdbc rgb(135,205,188)
```
#81d3c0
```
#81d3c0 rgb(129,211,192)
```
#7adac3
```
#7adac3 rgb(122,218,195)
```
#74e0c7
```
#74e0c7 rgb(116,224,199)
```
#6de7ca
```
#6de7ca rgb(109,231,202)
```
#67edce
```
#67edce rgb(103,237,206)
```
#60f4d1
```
#60f4d1 rgb(96,244,209)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#abb1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab5b2 Protanopia 1% of men
#c5b1b9 Deuteranopia 1% of men
#a4b9c7 Tritanopia 0.001% of the population

Trichromacy

#afb6b2 Protanomaly 1% of men, 0.01% of women
#b6b4b6 Deuteranomaly 6% of men, 0.4% of women
#a0b9bf Tritanomaly 0.01% of the population

#9bb9b2 hex color

#9bb9b2 Color Information

#9bb9b2 Color Conversion

Color Schemes with #9bb9b2

Alternatives to #9bb9b2

#9bb9b2 Preview

Shades and Tints of #9bb9b2

Tones of #9bb9b2

Color Blindness Simulator