#9bb8b2 hex color

In a RGB color space, hex #9bb8b2 is composed of 60.8% red, 72.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 3.3% yellow and 27.8% black. It has a hue angle of 167.6 degrees, a saturation of 17% and a lightness of 66.5%. #9bb8b2 color hex could be obtained by blending #ffffff with #377165. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 61
- G 72
- B 70
RGB color chart
- C 16
- M 0
- Y 3
- K 28
CMYK color chart

● #9bb8b2 color description : Grayish cyan.

The hexadecimal color #9bb8b2 has RGB values of R:155, G:184, B:178 and CMYK values of C:0.16, M:0, Y:0.03, K:0.28. Its decimal value is 10205362.

Hex triplet	9bb8b2	`#9bb8b2`
RGB Decimal	155, 184, 178	`rgb(155,184,178)`
RGB Percent	60.8, 72.2, 69.8	`rgb(60.8%,72.2%,69.8%)`
CMYK	16, 0, 3, 28
HSL	167.6°, 17, 66.5	`hsl(167.6,17%,66.5%)`
HSV (or HSB)	167.6°, 15.8, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.537, -11.059, -0.26
XYZ	38.692, 44.463, 48.661
xyY	0.294, 0.337, 44.463
CIE-LCH	72.537, 11.063, 181.348
CIE-LUV	72.537, -15.187, 1.465
Hunter-Lab	66.681, -13.115, 3.409
Binary	10011011, 10111000, 10110010

#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#b89ba1
```
#b89ba1 rgb(184,155,161)
```

Complementary Color

#9bb8a4
```
#9bb8a4 rgb(155,184,164)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#9bb0b8
```
#9bb0b8 rgb(155,176,184)
```

Analogous Color

#b8a49b
```
#b8a49b rgb(184,164,155)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#b89bb0
```
#b89bb0 rgb(184,155,176)
```

Split Complementary Color

#b8b29b
```
#b8b29b rgb(184,178,155)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#b29bb8
```
#b29bb8 rgb(178,155,184)
```

Triadic Color

#a1b89b
```
#a1b89b rgb(161,184,155)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#b29bb8
```
#b29bb8 rgb(178,155,184)
```
#b89ba1
```
#b89ba1 rgb(184,155,161)
```

Tetradic Color

#6e9890
```
#6e9890 rgb(110,152,144)
```
#7da39b
```
#7da39b rgb(125,163,155)
```
#8cada7
```
#8cada7 rgb(140,173,167)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#aac3bd
```
#aac3bd rgb(170,195,189)
```
#b9cdc9
```
#b9cdc9 rgb(185,205,201)
```
#c8d8d4
```
#c8d8d4 rgb(200,216,212)
```

Monochromatic Color

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

#9bb8ab
```
#9bb8ab rgb(155,184,171)
```
#9bb8ad
```
#9bb8ad rgb(155,184,173)
```
#9bb8b0
```
#9bb8b0 rgb(155,184,176)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#9bb8b4
```
#9bb8b4 rgb(155,184,180)
```
#9bb8b7
```
#9bb8b7 rgb(155,184,183)
```
#9bb7b8
```
#9bb7b8 rgb(155,183,184)
```

Similar Colors

Text with hexadecimal color #9bb8b2

This text has a font color of #9bb8b2.

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

#9bb8b2 background color

This paragraph has a background color of #9bb8b2.

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

#9bb8b2 border color

This element has a border color of #9bb8b2.

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

CSS codes

.text {color:#9bb8b2;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0f0e
```
#0a0f0e rgb(10,15,14)
```
#131a19
```
#131a19 rgb(19,26,25)
```
#1b2623
```
#1b2623 rgb(27,38,35)
```
#23312e
```
#23312e rgb(35,49,46)
```
#2b3d39
```
#2b3d39 rgb(43,61,57)
```
#334844
```
#334844 rgb(51,72,68)
```
#3b544f
```
#3b544f rgb(59,84,79)
```
#435f59
```
#435f59 rgb(67,95,89)
```
#4c6a64
```
#4c6a64 rgb(76,106,100)
```
#54766f
```
#54766f rgb(84,118,111)
```
#5c817a
```
#5c817a rgb(92,129,122)
```
#648d84
```
#648d84 rgb(100,141,132)
```

Shade Color Variation

#6d978f
```
#6d978f rgb(109,151,143)
```
#79a098
```
#79a098 rgb(121,160,152)
```
#84a8a0
```
#84a8a0 rgb(132,168,160)
```
#90b0a9
```
#90b0a9 rgb(144,176,169)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#a6c0bb
```
#a6c0bb rgb(166,192,187)
```
#b2c8c4
```
#b2c8c4 rgb(178,200,196)
```
#bdd0cc
```
#bdd0cc rgb(189,208,204)
```
#c9d9d5
```
#c9d9d5 rgb(201,217,213)
```
#d4e1de
```
#d4e1de rgb(212,225,222)
```
#e0e9e7
```
#e0e9e7 rgb(224,233,231)
```
#ebf1f0
```
#ebf1f0 rgb(235,241,240)
```
#f7f9f9
```
#f7f9f9 rgb(247,249,249)
```

Tint Color Variation

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

#a8abaa
```
#a8abaa rgb(168,171,170)
```
#a2b1ae
```
#a2b1ae rgb(162,177,174)
```
#9bb8b2
```
#9bb8b2 rgb(155,184,178)
```
#94bfb6
```
#94bfb6 rgb(148,191,182)
```
#8ec5ba
```
#8ec5ba rgb(142,197,186)
```
#87ccbe
```
#87ccbe rgb(135,204,190)
```
#81d2c1
```
#81d2c1 rgb(129,210,193)
```
#7ad9c5
```
#7ad9c5 rgb(122,217,197)
```
#74dfc9
```
#74dfc9 rgb(116,223,201)
```
#6de6cd
```
#6de6cd rgb(109,230,205)
```
#66edd1
```
#66edd1 rgb(102,237,209)
```
#60f3d5
```
#60f3d5 rgb(96,243,213)
```
#59fad9
```
#59fad9 rgb(89,250,217)
```

Tone Color Variation

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

#b9b5b2 Protanopia 1% of men
#c4b0b9 Deuteranopia 1% of men
#a3b9c6 Tritanopia 0.001% of the population

Trichromacy

#aeb6b2 Protanomaly 1% of men, 0.01% of women
#b5b3b6 Deuteranomaly 6% of men, 0.4% of women
#a0b8be Tritanomaly 0.01% of the population

#9bb8b2 hex color

#9bb8b2 Color Information

#9bb8b2 Color Conversion

Color Schemes with #9bb8b2

Alternatives to #9bb8b2

#9bb8b2 Preview

Shades and Tints of #9bb8b2

Tones of #9bb8b2

Color Blindness Simulator