#9bccaf hex color

In a RGB color space, hex #9bccaf is composed of 60.8% red, 80% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 0% magenta, 14.2% yellow and 20% black. It has a hue angle of 144.5 degrees, a saturation of 32.5% and a lightness of 70.4%. #9bccaf color hex could be obtained by blending #ffffff with #37995f. Closest websafe color is: #99cc99.

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

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

The hexadecimal color #9bccaf has RGB values of R:155, G:204, B:175 and CMYK values of C:0.24, M:0, Y:0.14, K:0.2. Its decimal value is 10210479.

Hex triplet	9bccaf	`#9bccaf`
RGB Decimal	155, 204, 175	`rgb(155,204,175)`
RGB Percent	60.8, 80, 68.6	`rgb(60.8%,80%,68.6%)`
CMYK	24, 0, 14, 20
HSL	144.5°, 32.5, 70.4	`hsl(144.5,32.5%,70.4%)`
HSV (or HSB)	144.5°, 24, 80
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.021, -21.885, 9.285
XYZ	42.846, 53.248, 48.576
xyY	0.296, 0.368, 53.248
CIE-LCH	78.021, 23.773, 157.011
CIE-LUV	78.021, -24.595, 17.308
Hunter-Lab	72.971, -22.891, 11.612
Binary	10011011, 11001100, 10101111

#9bccaf
```
#9bccaf rgb(155,204,175)
```
#cc9bb8
```
#cc9bb8 rgb(204,155,184)
```

Complementary Color

#a0cc9b
```
#a0cc9b rgb(160,204,155)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#9bccc8
```
#9bccc8 rgb(155,204,200)
```

Analogous Color

#cc9ba0
```
#cc9ba0 rgb(204,155,160)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#c89bcc
```
#c89bcc rgb(200,155,204)
```

Split Complementary Color

#ccaf9b
```
#ccaf9b rgb(204,175,155)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#af9bcc
```
#af9bcc rgb(175,155,204)
```

Triadic Color

#b8cc9b
```
#b8cc9b rgb(184,204,155)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#af9bcc
```
#af9bcc rgb(175,155,204)
```
#cc9bb8
```
#cc9bb8 rgb(204,155,184)
```

Tetradic Color

#68b286
```
#68b286 rgb(104,178,134)
```
#79bb94
```
#79bb94 rgb(121,187,148)
```
#8ac3a1
```
#8ac3a1 rgb(138,195,161)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#acd5bd
```
#acd5bd rgb(172,213,189)
```
#bdddca
```
#bdddca rgb(189,221,202)
```
#cee6d8
```
#cee6d8 rgb(206,230,216)
```

Monochromatic Color

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

#9bcca3
```
#9bcca3 rgb(155,204,163)
```
#9bcca7
```
#9bcca7 rgb(155,204,167)
```
#9bccab
```
#9bccab rgb(155,204,171)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#9bccb3
```
#9bccb3 rgb(155,204,179)
```
#9bccb7
```
#9bccb7 rgb(155,204,183)
```
#9bccbb
```
#9bccbb rgb(155,204,187)
```

Similar Colors

Text with hexadecimal color #9bccaf

This text has a font color of #9bccaf.

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

#9bccaf background color

This paragraph has a background color of #9bccaf.

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

#9bccaf border color

This element has a border color of #9bccaf.

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

CSS codes

.text {color:#9bccaf;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09110c
```
#09110c rgb(9,17,12)
```
#0f1e15
```
#0f1e15 rgb(15,30,21)
```
#162b1e
```
#162b1e rgb(22,43,30)
```
#1d3828
```
#1d3828 rgb(29,56,40)
```
#234531
```
#234531 rgb(35,69,49)
```
#2a523a
```
#2a523a rgb(42,82,58)
```
#305f43
```
#305f43 rgb(48,95,67)
```
#376c4d
```
#376c4d rgb(55,108,77)
```
#3e7956
```
#3e7956 rgb(62,121,86)
```
#44865f
```
#44865f rgb(68,134,95)
```
#4b9368
```
#4b9368 rgb(75,147,104)
```
#52a071
```
#52a071 rgb(82,160,113)
```

Shade Color Variation

#5aab7b
```
#5aab7b rgb(90,171,123)
```
#67b185
```
#67b185 rgb(103,177,133)
```
#74b890
```
#74b890 rgb(116,184,144)
```
#81bf9a
```
#81bf9a rgb(129,191,154)
```
#8ec5a5
```
#8ec5a5 rgb(142,197,165)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#a8d3b9
```
#a8d3b9 rgb(168,211,185)
```
#b5d9c4
```
#b5d9c4 rgb(181,217,196)
```
#c2e0ce
```
#c2e0ce rgb(194,224,206)
```
#cfe7d9
```
#cfe7d9 rgb(207,231,217)
```
#dcede3
```
#dcede3 rgb(220,237,227)
```
#e9f4ed
```
#e9f4ed rgb(233,244,237)
```
#f6faf8
```
#f6faf8 rgb(246,250,248)
```

Tint Color Variation

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

#b2b5b3
```
#b2b5b3 rgb(178,181,179)
```
#acbbb2
```
#acbbb2 rgb(172,187,178)
```
#a7c0b1
```
#a7c0b1 rgb(167,192,177)
```
#a1c6b0
```
#a1c6b0 rgb(161,198,176)
```
#9bccaf
```
#9bccaf rgb(155,204,175)
```
#95d2ae
```
#95d2ae rgb(149,210,174)
```
#8fd8ad
```
#8fd8ad rgb(143,216,173)
```
#8addac
```
#8addac rgb(138,221,172)
```
#84e3ab
```
#84e3ab rgb(132,227,171)
```
#7ee9aa
```
#7ee9aa rgb(126,233,170)
```
#78efa9
```
#78efa9 rgb(120,239,169)
```
#72f5a8
```
#72f5a8 rgb(114,245,168)
```
#6dfaa6
```
#6dfaa6 rgb(109,250,166)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b4beb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc3ad Protanopia 1% of men
#dabdb8 Deuteranopia 1% of men
#a8c9d7 Tritanopia 0.001% of the population

Trichromacy

#bac6ae Protanomaly 1% of men, 0.01% of women
#c3c2b5 Deuteranomaly 6% of men, 0.4% of women
#a3cac8 Tritanomaly 0.01% of the population

#9bccaf hex color

#9bccaf Color Information

#9bccaf Color Conversion

Color Schemes with #9bccaf

Alternatives to #9bccaf

#9bccaf Preview

Shades and Tints of #9bccaf

Tones of #9bccaf

Color Blindness Simulator