#9bb2af hex color

In a RGB color space, hex #9bb2af is composed of 60.8% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 172.2 degrees, a saturation of 13% and a lightness of 65.3%. #9bb2af color hex could be obtained by blending #ffffff with #37655f. Closest websafe color is: #999999.

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

● #9bb2af color description : Dark grayish cyan.

The hexadecimal color #9bb2af has RGB values of R:155, G:178, B:175 and CMYK values of C:0.13, M:0, Y:0.02, K:0.3. Its decimal value is 10203823.

Hex triplet	9bb2af	`#9bb2af`
RGB Decimal	155, 178, 175	`rgb(155,178,175)`
RGB Percent	60.8, 69.8, 68.6	`rgb(60.8%,69.8%,68.6%)`
CMYK	13, 0, 2, 30
HSL	172.2°, 13, 65.3	`hsl(172.2,13%,65.3%)`
HSV (or HSB)	172.2°, 12.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.805, -8.503, -1.149
XYZ	37.174, 41.904, 46.685
xyY	0.296, 0.333, 41.904
CIE-LCH	70.805, 8.58, 187.693
CIE-LUV	70.805, -12.246, -0.279
Hunter-Lab	64.733, -10.776, 2.554
Binary	10011011, 10110010, 10101111

#9bb2af
```
#9bb2af rgb(155,178,175)
```
#b29b9e
```
#b29b9e rgb(178,155,158)
```

Complementary Color

#9bb2a4
```
#9bb2a4 rgb(155,178,164)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#9baab2
```
#9baab2 rgb(155,170,178)
```

Analogous Color

#b2a49b
```
#b2a49b rgb(178,164,155)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#b29baa
```
#b29baa rgb(178,155,170)
```

Split Complementary Color

#b2af9b
```
#b2af9b rgb(178,175,155)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#af9bb2
```
#af9bb2 rgb(175,155,178)
```

Triadic Color

#9eb29b
```
#9eb29b rgb(158,178,155)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#af9bb2
```
#af9bb2 rgb(175,155,178)
```
#b29b9e
```
#b29b9e rgb(178,155,158)
```

Tetradic Color

#70918c
```
#70918c rgb(112,145,140)
```
#7e9c98
```
#7e9c98 rgb(126,156,152)
```
#8da7a3
```
#8da7a3 rgb(141,167,163)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#a9bdbb
```
#a9bdbb rgb(169,189,187)
```
#b8c8c6
```
#b8c8c6 rgb(184,200,198)
```
#c6d3d2
```
#c6d3d2 rgb(198,211,210)
```

Monochromatic Color

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

#9bb2a9
```
#9bb2a9 rgb(155,178,169)
```
#9bb2ab
```
#9bb2ab rgb(155,178,171)
```
#9bb2ad
```
#9bb2ad rgb(155,178,173)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#9bb2b1
```
#9bb2b1 rgb(155,178,177)
```
#9bb1b2
```
#9bb1b2 rgb(155,177,178)
```
#9bafb2
```
#9bafb2 rgb(155,175,178)
```

Similar Colors

Text with hexadecimal color #9bb2af

This text has a font color of #9bb2af.

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

#9bb2af background color

This paragraph has a background color of #9bb2af.

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

#9bb2af border color

This element has a border color of #9bb2af.

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

CSS codes

.text {color:#9bb2af;}

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

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

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, #080b0a is the darkest color, while #ffffff is the lightest one.

#080b0a
```
#080b0a rgb(8,11,10)
```
#111615
```
#111615 rgb(17,22,21)
```
#192120
```
#192120 rgb(25,33,32)
```
#222c2b
```
#222c2b rgb(34,44,43)
```
#2a3735
```
#2a3735 rgb(42,55,53)
```
#334240
```
#334240 rgb(51,66,64)
```
#3c4d4b
```
#3c4d4b rgb(60,77,75)
```
#445856
```
#445856 rgb(68,88,86)
```
#4d6360
```
#4d6360 rgb(77,99,96)
```
#556f6b
```
#556f6b rgb(85,111,107)
```
#5e7a76
```
#5e7a76 rgb(94,122,118)
```
#668581
```
#668581 rgb(102,133,129)
```
#6f908b
```
#6f908b rgb(111,144,139)
```

Shade Color Variation

#7a9894
```
#7a9894 rgb(122,152,148)
```
#85a19d
```
#85a19d rgb(133,161,157)
```
#90a9a6
```
#90a9a6 rgb(144,169,166)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#a6bbb8
```
#a6bbb8 rgb(166,187,184)
```
#b1c3c1
```
#b1c3c1 rgb(177,195,193)
```
#bcccca
```
#bcccca rgb(188,204,202)
```
#c7d4d2
```
#c7d4d2 rgb(199,212,210)
```
#d2dddb
```
#d2dddb rgb(210,221,219)
```
#dde5e4
```
#dde5e4 rgb(221,229,228)
```
#e9eeed
```
#e9eeed rgb(233,238,237)
```
#f4f6f6
```
#f4f6f6 rgb(244,246,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2abaa
```
#a2abaa rgb(162,171,170)
```
#9bb2af
```
#9bb2af rgb(155,178,175)
```
#94b9b4
```
#94b9b4 rgb(148,185,180)
```
#8dc0b9
```
#8dc0b9 rgb(141,192,185)
```
#87c6be
```
#87c6be rgb(135,198,190)
```
#80cdc3
```
#80cdc3 rgb(128,205,195)
```
#79d4c8
```
#79d4c8 rgb(121,212,200)
```
#72dbcd
```
#72dbcd rgb(114,219,205)
```
#6be2d2
```
#6be2d2 rgb(107,226,210)
```
#65e8d7
```
#65e8d7 rgb(101,232,215)
```
#5eefdc
```
#5eefdc rgb(94,239,220)
```
#57f6e1
```
#57f6e1 rgb(87,246,225)
```
#50fde6
```
#50fde6 rgb(80,253,230)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8acac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b0b0 Protanopia 1% of men
#bfacb6 Deuteranopia 1% of men
#a3b3c0 Tritanopia 0.001% of the population

Trichromacy

#abb1af Protanomaly 1% of men, 0.01% of women
#b2aeb3 Deuteranomaly 6% of men, 0.4% of women
#a0b3ba Tritanomaly 0.01% of the population

#9bb2af hex color

#9bb2af Color Information

#9bb2af Color Conversion

Color Schemes with #9bb2af

Alternatives to #9bb2af

#9bb2af Preview

Shades and Tints of #9bb2af

Tones of #9bb2af

Color Blindness Simulator