#9bd2bc hex color

In a RGB color space, hex #9bd2bc is composed of 60.8% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 156 degrees, a saturation of 37.9% and a lightness of 71.6%. #9bd2bc color hex could be obtained by blending #ffffff with #37a579. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 61
- G 82
- B 74
RGB color chart
- C 26
- M 0
- Y 10
- K 18
CMYK color chart

● #9bd2bc color description : Slightly desaturated cyan - lime green.

The hexadecimal color #9bd2bc has RGB values of R:155, G:210, B:188 and CMYK values of C:0.26, M:0, Y:0.1, K:0.18. Its decimal value is 10212028.

Hex triplet	9bd2bc	`#9bd2bc`
RGB Decimal	155, 210, 188	`rgb(155,210,188)`
RGB Percent	60.8, 82.4, 73.7	`rgb(60.8%,82.4%,73.7%)`
CMYK	26, 0, 10, 18
HSL	156°, 37.9, 71.6	`hsl(156,37.9%,71.6%)`
HSV (or HSB)	156°, 26.2, 82.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.005, -22.283, 5.179
XYZ	45.639, 56.691, 56.112
xyY	0.288, 0.358, 56.691
CIE-LCH	80.005, 22.877, 166.915
CIE-LUV	80.005, -27.374, 11.482
Hunter-Lab	75.293, -23.566, 8.52
Binary	10011011, 11010010, 10111100

#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#d29bb1
```
#d29bb1 rgb(210,155,177)
```

Complementary Color

#9bd2a1
```
#9bd2a1 rgb(155,210,161)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#9bcdd2
```
#9bcdd2 rgb(155,205,210)
```

Analogous Color

#d2a19b
```
#d2a19b rgb(210,161,155)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#d29bcd
```
#d29bcd rgb(210,155,205)
```

Split Complementary Color

#d2bc9b
```
#d2bc9b rgb(210,188,155)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#bc9bd2
```
#bc9bd2 rgb(188,155,210)
```

Triadic Color

#b1d29b
```
#b1d29b rgb(177,210,155)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#bc9bd2
```
#bc9bd2 rgb(188,155,210)
```
#d29bb1
```
#d29bb1 rgb(210,155,177)
```

Tetradic Color

#66ba99
```
#66ba99 rgb(102,186,153)
```
#78c2a4
```
#78c2a4 rgb(120,194,164)
```
#89cab0
```
#89cab0 rgb(137,202,176)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#addac8
```
#addac8 rgb(173,218,200)
```
#bee2d4
```
#bee2d4 rgb(190,226,212)
```
#d0eadf
```
#d0eadf rgb(208,234,223)
```

Monochromatic Color

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

#9bd2ae
```
#9bd2ae rgb(155,210,174)
```
#9bd2b3
```
#9bd2b3 rgb(155,210,179)
```
#9bd2b7
```
#9bd2b7 rgb(155,210,183)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#9bd2c1
```
#9bd2c1 rgb(155,210,193)
```
#9bd2c5
```
#9bd2c5 rgb(155,210,197)
```
#9bd2ca
```
#9bd2ca rgb(155,210,202)
```

Similar Colors

Text with hexadecimal color #9bd2bc

This text has a font color of #9bd2bc.

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

#9bd2bc background color

This paragraph has a background color of #9bd2bc.

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

#9bd2bc border color

This element has a border color of #9bd2bc.

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

CSS codes

.text {color:#9bd2bc;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0a1611
```
#0a1611 rgb(10,22,17)
```
#10231c
```
#10231c rgb(16,35,28)
```
#163126
```
#163126 rgb(22,49,38)
```
#1c3e31
```
#1c3e31 rgb(28,62,49)
```
#224c3b
```
#224c3b rgb(34,76,59)
```
#285946
```
#285946 rgb(40,89,70)
```
#2e6750
```
#2e6750 rgb(46,103,80)
```
#34745b
```
#34745b rgb(52,116,91)
```
#3a8265
```
#3a8265 rgb(58,130,101)
```
#419070
```
#419070 rgb(65,144,112)
```
#479d7a
```
#479d7a rgb(71,157,122)
```
#4dab85
```
#4dab85 rgb(77,171,133)
```

Shade Color Variation

#57b48f
```
#57b48f rgb(87,180,143)
```
#65ba98
```
#65ba98 rgb(101,186,152)
```
#72c0a1
```
#72c0a1 rgb(114,192,161)
```
#80c6aa
```
#80c6aa rgb(128,198,170)
```
#8dccb3
```
#8dccb3 rgb(141,204,179)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#a9d8c5
```
#a9d8c5 rgb(169,216,197)
```
#b6dece
```
#b6dece rgb(182,222,206)
```
#c4e4d7
```
#c4e4d7 rgb(196,228,215)
```
#d1eae0
```
#d1eae0 rgb(209,234,224)
```
#dff0e9
```
#dff0e9 rgb(223,240,233)
```
#ecf7f2
```
#ecf7f2 rgb(236,247,242)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#b1bcb8
```
#b1bcb8 rgb(177,188,184)
```
#acc1b9
```
#acc1b9 rgb(172,193,185)
```
#a6c7ba
```
#a6c7ba rgb(166,199,186)
```
#a1ccbb
```
#a1ccbb rgb(161,204,187)
```
#9bd2bc
```
#9bd2bc rgb(155,210,188)
```
#95d8bd
```
#95d8bd rgb(149,216,189)
```
#90ddbe
```
#90ddbe rgb(144,221,190)
```
#8ae3bf
```
#8ae3bf rgb(138,227,191)
```
#85e8c0
```
#85e8c0 rgb(133,232,192)
```
#7feec2
```
#7feec2 rgb(127,238,194)
```
#7af3c3
```
#7af3c3 rgb(122,243,195)
```
#74f9c4
```
#74f9c4 rgb(116,249,196)
```
#6effc5
```
#6effc5 rgb(110,255,197)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b8c3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c8b9 Protanopia 1% of men
#ddc3c5 Deuteranopia 1% of men
#a7cfde Tritanopia 0.001% of the population

Trichromacy

#bdccba Protanomaly 1% of men, 0.01% of women
#c5c8c1 Deuteranomaly 6% of men, 0.4% of women
#a3d0d2 Tritanomaly 0.01% of the population

#9bd2bc hex color

#9bd2bc Color Information

#9bd2bc Color Conversion

Color Schemes with #9bd2bc

Alternatives to #9bd2bc

#9bd2bc Preview

Shades and Tints of #9bd2bc

Tones of #9bd2bc

Color Blindness Simulator