#9bc2af hex color

In a RGB color space, hex #9bc2af is composed of 60.8% red, 76.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 0% magenta, 9.8% yellow and 23.9% black. It has a hue angle of 150.8 degrees, a saturation of 24.2% and a lightness of 68.4%. #9bc2af color hex could be obtained by blending #ffffff with #37855f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 61
- G 76
- B 69
RGB color chart
- C 20
- M 0
- Y 10
- K 24
CMYK color chart

● #9bc2af color description : Grayish cyan - lime green.

The hexadecimal color #9bc2af has RGB values of R:155, G:194, B:175 and CMYK values of C:0.2, M:0, Y:0.1, K:0.24. Its decimal value is 10207919.

Hex triplet	9bc2af	`#9bc2af`
RGB Decimal	155, 194, 175	`rgb(155,194,175)`
RGB Percent	60.8, 76.1, 68.6	`rgb(60.8%,76.1%,68.6%)`
CMYK	20, 0, 10, 24
HSL	150.8°, 24.2, 68.4	`hsl(150.8,24.2%,68.4%)`
HSV (or HSB)	150.8°, 20.1, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.231, -16.846, 5.282
XYZ	40.545, 48.646, 47.809
xyY	0.296, 0.355, 48.646
CIE-LCH	75.231, 17.655, 162.591
CIE-LUV	75.231, -19.886, 10.612
Hunter-Lab	69.747, -18.291, 8.182
Binary	10011011, 11000010, 10101111

#9bc2af
```
#9bc2af rgb(155,194,175)
```
#c29bae
```
#c29bae rgb(194,155,174)
```

Complementary Color

#9bc29c
```
#9bc29c rgb(155,194,156)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#9bc2c2
```
#9bc2c2 rgb(155,194,194)
```

Analogous Color

#c29c9b
```
#c29c9b rgb(194,156,155)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#c29bc2
```
#c29bc2 rgb(194,155,194)
```

Split Complementary Color

#c2af9b
```
#c2af9b rgb(194,175,155)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#af9bc2
```
#af9bc2 rgb(175,155,194)
```

Triadic Color

#aec29b
```
#aec29b rgb(174,194,155)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#af9bc2
```
#af9bc2 rgb(175,155,194)
```
#c29bae
```
#c29bae rgb(194,155,174)
```

Tetradic Color

#6ba589
```
#6ba589 rgb(107,165,137)
```
#7baf96
```
#7baf96 rgb(123,175,150)
```
#8bb8a2
```
#8bb8a2 rgb(139,184,162)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#abccbc
```
#abccbc rgb(171,204,188)
```
#bbd5c8
```
#bbd5c8 rgb(187,213,200)
```
#cbdfd5
```
#cbdfd5 rgb(203,223,213)
```

Monochromatic Color

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

#9bc2a5
```
#9bc2a5 rgb(155,194,165)
```
#9bc2a9
```
#9bc2a9 rgb(155,194,169)
```
#9bc2ac
```
#9bc2ac rgb(155,194,172)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#9bc2b2
```
#9bc2b2 rgb(155,194,178)
```
#9bc2b6
```
#9bc2b6 rgb(155,194,182)
```
#9bc2b9
```
#9bc2b9 rgb(155,194,185)
```

Similar Colors

Text with hexadecimal color #9bc2af

This text has a font color of #9bc2af.

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

#9bc2af background color

This paragraph has a background color of #9bc2af.

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

#9bc2af border color

This element has a border color of #9bc2af.

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

CSS codes

.text {color:#9bc2af;}

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

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

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, #060a08 is the darkest color, while #fcfdfd is the lightest one.

#060a08
```
#060a08 rgb(6,10,8)
```
#0d1612
```
#0d1612 rgb(13,22,18)
```
#15221c
```
#15221c rgb(21,34,28)
```
#1c2e25
```
#1c2e25 rgb(28,46,37)
```
#243a2f
```
#243a2f rgb(36,58,47)
```
#2b4739
```
#2b4739 rgb(43,71,57)
```
#325343
```
#325343 rgb(50,83,67)
```
#3a5f4d
```
#3a5f4d rgb(58,95,77)
```
#416b57
```
#416b57 rgb(65,107,87)
```
#497761
```
#497761 rgb(73,119,97)
```
#50836b
```
#50836b rgb(80,131,107)
```
#589074
```
#589074 rgb(88,144,116)
```
#5f9c7e
```
#5f9c7e rgb(95,156,126)
```

Shade Color Variation

#6aa488
```
#6aa488 rgb(106,164,136)
```
#76ac92
```
#76ac92 rgb(118,172,146)
```
#83b39c
```
#83b39c rgb(131,179,156)
```
#8fbba5
```
#8fbba5 rgb(143,187,165)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#a7c9b9
```
#a7c9b9 rgb(167,201,185)
```
#b3d1c2
```
#b3d1c2 rgb(179,209,194)
```
#c0d8cc
```
#c0d8cc rgb(192,216,204)
```
#cce0d6
```
#cce0d6 rgb(204,224,214)
```
#d8e7e0
```
#d8e7e0 rgb(216,231,224)
```
#e4efe9
```
#e4efe9 rgb(228,239,233)
```
#f0f6f3
```
#f0f6f3 rgb(240,246,243)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#aeafaf
```
#aeafaf rgb(174,175,175)
```
#a7b6af
```
#a7b6af rgb(167,182,175)
```
#a1bcaf
```
#a1bcaf rgb(161,188,175)
```
#9bc2af
```
#9bc2af rgb(155,194,175)
```
#95c8af
```
#95c8af rgb(149,200,175)
```
#8fceaf
```
#8fceaf rgb(143,206,175)
```
#88d5af
```
#88d5af rgb(136,213,175)
```
#82dbb0
```
#82dbb0 rgb(130,219,176)
```
#7ce1b0
```
#7ce1b0 rgb(124,225,176)
```
#76e7b0
```
#76e7b0 rgb(118,231,176)
```
#70edb0
```
#70edb0 rgb(112,237,176)
```
#69f4b0
```
#69f4b0 rgb(105,244,176)
```
#63fab0
```
#63fab0 rgb(99,250,176)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#afb7b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bcae Protanopia 1% of men
#d0b7b7 Deuteranopia 1% of men
#a6c0ce Tritanopia 0.001% of the population

Trichromacy

#b4beae Protanomaly 1% of men, 0.01% of women
#bcbbb4 Deuteranomaly 6% of men, 0.4% of women
#a2c1c3 Tritanomaly 0.01% of the population

#9bc2af hex color

#9bc2af Color Information

#9bc2af Color Conversion

Color Schemes with #9bc2af

Alternatives to #9bc2af

#9bc2af Preview

Shades and Tints of #9bc2af

Tones of #9bc2af

Color Blindness Simulator