#9bb5b2 hex color

In a RGB color space, hex #9bb5b2 is composed of 60.8% red, 71% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 0% magenta, 1.7% yellow and 29% black. It has a hue angle of 173.1 degrees, a saturation of 14.9% and a lightness of 65.9%. #9bb5b2 color hex could be obtained by blending #ffffff with #376b65. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 61
- G 71
- B 70
RGB color chart
- C 14
- M 0
- Y 2
- K 29
CMYK color chart

● #9bb5b2 color description : Grayish cyan.

The hexadecimal color #9bb5b2 has RGB values of R:155, G:181, B:178 and CMYK values of C:0.14, M:0, Y:0.02, K:0.29. Its decimal value is 10204594.

Hex triplet	9bb5b2	`#9bb5b2`
RGB Decimal	155, 181, 178	`rgb(155,181,178)`
RGB Percent	60.8, 71, 69.8	`rgb(60.8%,71%,69.8%)`
CMYK	14, 0, 2, 29
HSL	173.1°, 14.9, 65.9	`hsl(173.1,14.9%,65.9%)`
HSV (or HSB)	173.1°, 14.4, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.711, -9.477, -1.469
XYZ	38.076, 43.23, 48.455
xyY	0.293, 0.333, 43.23
CIE-LCH	71.711, 9.59, 188.811
CIE-LUV	71.711, -13.76, -0.6
Hunter-Lab	65.749, -11.692, 2.33
Binary	10011011, 10110101, 10110010

#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#b59b9e
```
#b59b9e rgb(181,155,158)
```

Complementary Color

#9bb5a5
```
#9bb5a5 rgb(155,181,165)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#9babb5
```
#9babb5 rgb(155,171,181)
```

Analogous Color

#b5a59b
```
#b5a59b rgb(181,165,155)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#b59bab
```
#b59bab rgb(181,155,171)
```

Split Complementary Color

#b5b29b
```
#b5b29b rgb(181,178,155)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#b29bb5
```
#b29bb5 rgb(178,155,181)
```

Triadic Color

#9eb59b
```
#9eb59b rgb(158,181,155)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#b29bb5
```
#b29bb5 rgb(178,155,181)
```
#b59b9e
```
#b59b9e rgb(181,155,158)
```

Tetradic Color

#6f9490
```
#6f9490 rgb(111,148,144)
```
#7e9f9b
```
#7e9f9b rgb(126,159,155)
```
#8caaa7
```
#8caaa7 rgb(140,170,167)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#aac0bd
```
#aac0bd rgb(170,192,189)
```
#b8cbc9
```
#b8cbc9 rgb(184,203,201)
```
#c7d6d4
```
#c7d6d4 rgb(199,214,212)
```

Monochromatic Color

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

#9bb5ac
```
#9bb5ac rgb(155,181,172)
```
#9bb5ae
```
#9bb5ae rgb(155,181,174)
```
#9bb5b0
```
#9bb5b0 rgb(155,181,176)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#9bb5b4
```
#9bb5b4 rgb(155,181,180)
```
#9bb4b5
```
#9bb4b5 rgb(155,180,181)
```
#9bb2b5
```
#9bb2b5 rgb(155,178,181)
```

Similar Colors

Text with hexadecimal color #9bb5b2

This text has a font color of #9bb5b2.

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

#9bb5b2 background color

This paragraph has a background color of #9bb5b2.

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

#9bb5b2 border color

This element has a border color of #9bb5b2.

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

CSS codes

.text {color:#9bb5b2;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090d0c
```
#090d0c rgb(9,13,12)
```
#121817
```
#121817 rgb(18,24,23)
```
#1a2322
```
#1a2322 rgb(26,35,34)
```
#222f2d
```
#222f2d rgb(34,47,45)
```
#2b3a38
```
#2b3a38 rgb(43,58,56)
```
#334543
```
#334543 rgb(51,69,67)
```
#3b504e
```
#3b504e rgb(59,80,78)
```
#445c59
```
#445c59 rgb(68,92,89)
```
#4c6764
```
#4c6764 rgb(76,103,100)
```
#55726f
```
#55726f rgb(85,114,111)
```
#5d7d7a
```
#5d7d7a rgb(93,125,122)
```
#658985
```
#658985 rgb(101,137,133)
```

Shade Color Variation

#6e948f
```
#6e948f rgb(110,148,143)
```
#799c98
```
#799c98 rgb(121,156,152)
```
#84a4a1
```
#84a4a1 rgb(132,164,161)
```
#90ada9
```
#90ada9 rgb(144,173,169)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#a6bdbb
```
#a6bdbb rgb(166,189,187)
```
#b2c6c3
```
#b2c6c3 rgb(178,198,195)
```
#bdcecc
```
#bdcecc rgb(189,206,204)
```
#c8d6d5
```
#c8d6d5 rgb(200,214,213)
```
#d3dfdd
```
#d3dfdd rgb(211,223,221)
```
#dfe7e6
```
#dfe7e6 rgb(223,231,230)
```
#eaefef
```
#eaefef rgb(234,239,239)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

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

#a2aead
```
#a2aead rgb(162,174,173)
```
#9bb5b2
```
#9bb5b2 rgb(155,181,178)
```
#94bcb7
```
#94bcb7 rgb(148,188,183)
```
#8ec2bc
```
#8ec2bc rgb(142,194,188)
```
#87c9c1
```
#87c9c1 rgb(135,201,193)
```
#80d0c7
```
#80d0c7 rgb(128,208,199)
```
#7ad6cc
```
#7ad6cc rgb(122,214,204)
```
#73ddd1
```
#73ddd1 rgb(115,221,209)
```
#6ce4d6
```
#6ce4d6 rgb(108,228,214)
```
#65ebdb
```
#65ebdb rgb(101,235,219)
```
#5ff1e0
```
#5ff1e0 rgb(95,241,224)
```
#58f8e5
```
#58f8e5 rgb(88,248,229)
```
#51ffeb
```
#51ffeb rgb(81,255,235)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a9afae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b2b2 Protanopia 1% of men
#c1aeb9 Deuteranopia 1% of men
#a3b6c3 Tritanopia 0.001% of the population

Trichromacy

#acb3b2 Protanomaly 1% of men, 0.01% of women
#b3b1b6 Deuteranomaly 6% of men, 0.4% of women
#a0b6bd Tritanomaly 0.01% of the population

#9bb5b2 hex color

#9bb5b2 Color Information

#9bb5b2 Color Conversion

Color Schemes with #9bb5b2

Alternatives to #9bb5b2

#9bb5b2 Preview

Shades and Tints of #9bb5b2

Tones of #9bb5b2

Color Blindness Simulator