#9bb3b2 hex color

In a RGB color space, hex #9bb3b2 is composed of 60.8% red, 70.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 0.6% yellow and 29.8% black. It has a hue angle of 177.5 degrees, a saturation of 13.6% and a lightness of 65.5%. #9bb3b2 color hex could be obtained by blending #ffffff with #376765. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 61
- G 70
- B 70
RGB color chart
- C 13
- M 0
- Y 1
- K 30
CMYK color chart

● #9bb3b2 color description : Grayish cyan.

The hexadecimal color #9bb3b2 has RGB values of R:155, G:179, B:178 and CMYK values of C:0.13, M:0, Y:0.01, K:0.3. Its decimal value is 10204082.

Hex triplet	9bb3b2	`#9bb3b2`
RGB Decimal	155, 179, 178	`rgb(155,179,178)`
RGB Percent	60.8, 70.2, 69.8	`rgb(60.8%,70.2%,69.8%)`
CMYK	13, 0, 1, 30
HSL	177.5°, 13.6, 65.5	`hsl(177.5,13.6%,65.5%)`
HSV (or HSB)	177.5°, 13.4, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.161, -8.416, -2.275
XYZ	37.672, 42.422, 48.321
xyY	0.293, 0.33, 42.422
CIE-LCH	71.161, 8.718, 195.127
CIE-LUV	71.161, -12.807, -1.979
Hunter-Lab	65.132, -10.74, 1.607
Binary	10011011, 10110011, 10110010

#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#b39b9c
```
#b39b9c rgb(179,155,156)
```

Complementary Color

#9bb3a6
```
#9bb3a6 rgb(155,179,166)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#9ba8b3
```
#9ba8b3 rgb(155,168,179)
```

Analogous Color

#b3a69b
```
#b3a69b rgb(179,166,155)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#b39ba8
```
#b39ba8 rgb(179,155,168)
```

Split Complementary Color

#b3b29b
```
#b3b29b rgb(179,178,155)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#b29bb3
```
#b29bb3 rgb(178,155,179)
```

Triadic Color

#9cb39b
```
#9cb39b rgb(156,179,155)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#b29bb3
```
#b29bb3 rgb(178,155,179)
```
#b39b9c
```
#b39b9c rgb(179,155,156)
```

Tetradic Color

#709291
```
#709291 rgb(112,146,145)
```
#7e9d9c
```
#7e9d9c rgb(126,157,156)
```
#8da8a7
```
#8da8a7 rgb(141,168,167)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#a9bebd
```
#a9bebd rgb(169,190,189)
```
#b8c9c8
```
#b8c9c8 rgb(184,201,200)
```
#c6d4d3
```
#c6d4d3 rgb(198,212,211)
```

Monochromatic Color

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

#9bb3ac
```
#9bb3ac rgb(155,179,172)
```
#9bb3ae
```
#9bb3ae rgb(155,179,174)
```
#9bb3b0
```
#9bb3b0 rgb(155,179,176)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#9bb2b3
```
#9bb2b3 rgb(155,178,179)
```
#9bb0b3
```
#9bb0b3 rgb(155,176,179)
```
#9baeb3
```
#9baeb3 rgb(155,174,179)
```

Similar Colors

Text with hexadecimal color #9bb3b2

This text has a font color of #9bb3b2.

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

#9bb3b2 background color

This paragraph has a background color of #9bb3b2.

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

#9bb3b2 border color

This element has a border color of #9bb3b2.

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

CSS codes

.text {color:#9bb3b2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090b0b
```
#090b0b rgb(9,11,11)
```
#111716
```
#111716 rgb(17,23,22)
```
#1a2221
```
#1a2221 rgb(26,34,33)
```
#222d2c
```
#222d2c rgb(34,45,44)
```
#2b3837
```
#2b3837 rgb(43,56,55)
```
#334343
```
#334343 rgb(51,67,67)
```
#3c4e4e
```
#3c4e4e rgb(60,78,78)
```
#445959
```
#445959 rgb(68,89,89)
```
#4c6564
```
#4c6564 rgb(76,101,100)
```
#55706f
```
#55706f rgb(85,112,111)
```
#5d7b7a
```
#5d7b7a rgb(93,123,122)
```
#668685
```
#668685 rgb(102,134,133)
```

Shade Color Variation

#6e9190
```
#6e9190 rgb(110,145,144)
```
#7a9a98
```
#7a9a98 rgb(122,154,152)
```
#85a2a1
```
#85a2a1 rgb(133,162,161)
```
#90aba9
```
#90aba9 rgb(144,171,169)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#a6bbbb
```
#a6bbbb rgb(166,187,187)
```
#b1c4c3
```
#b1c4c3 rgb(177,196,195)
```
#bccccc
```
#bccccc rgb(188,204,204)
```
#c8d5d4
```
#c8d5d4 rgb(200,213,212)
```
#d3dddd
```
#d3dddd rgb(211,221,221)
```
#dee6e5
```
#dee6e5 rgb(222,230,229)
```
#e9eeee
```
#e9eeee rgb(233,238,238)
```
#f4f7f7
```
#f4f7f7 rgb(244,247,247)
```

Tint Color Variation

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

#a2acac
```
#a2acac rgb(162,172,172)
```
#9bb3b2
```
#9bb3b2 rgb(155,179,178)
```
#94bab8
```
#94bab8 rgb(148,186,184)
```
#8dc1be
```
#8dc1be rgb(141,193,190)
```
#87c7c5
```
#87c7c5 rgb(135,199,197)
```
#80cecb
```
#80cecb rgb(128,206,203)
```
#79d5d1
```
#79d5d1 rgb(121,213,209)
```
#72dcd7
```
#72dcd7 rgb(114,220,215)
```
#6ce2dd
```
#6ce2dd rgb(108,226,221)
```
#65e9e4
```
#65e9e4 rgb(101,233,228)
```
#5ef0ea
```
#5ef0ea rgb(94,240,234)
```
#57f7f0
```
#57f7f0 rgb(87,247,240)
```
#51fdf6
```
#51fdf6 rgb(81,253,246)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a9adad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b1b3 Protanopia 1% of men
#bfadb9 Deuteranopia 1% of men
#a2b5c2 Tritanopia 0.001% of the population

Trichromacy

#abb2b2 Protanomaly 1% of men, 0.01% of women
#b2afb6 Deuteranomaly 6% of men, 0.4% of women
#9fb4bc Tritanomaly 0.01% of the population

#9bb3b2 hex color

#9bb3b2 Color Information

#9bb3b2 Color Conversion

Color Schemes with #9bb3b2

Alternatives to #9bb3b2

#9bb3b2 Preview

Shades and Tints of #9bb3b2

Tones of #9bb3b2

Color Blindness Simulator