#9ccbaf hex color

In a RGB color space, hex #9ccbaf is composed of 61.2% red, 79.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 0% magenta, 13.8% yellow and 20.4% black. It has a hue angle of 144.3 degrees, a saturation of 31.1% and a lightness of 70.4%. #9ccbaf color hex could be obtained by blending #ffffff with #39975f. Closest websafe color is: #99cc99.

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

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

The hexadecimal color #9ccbaf has RGB values of R:156, G:203, B:175 and CMYK values of C:0.23, M:0, Y:0.14, K:0.2. Its decimal value is 10275759.

Hex triplet	9ccbaf	`#9ccbaf`
RGB Decimal	156, 203, 175	`rgb(156,203,175)`
RGB Percent	61.2, 79.6, 68.6	`rgb(61.2%,79.6%,68.6%)`
CMYK	23, 0, 14, 20
HSL	144.3°, 31.1, 70.4	`hsl(144.3,31.1%,70.4%)`
HSV (or HSB)	144.3°, 23.2, 79.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	77.8, -21.065, 8.977
XYZ	42.802, 52.874, 48.506
xyY	0.297, 0.367, 52.874
CIE-LCH	77.8, 22.898, 156.917
CIE-LUV	77.8, -23.658, 16.722
Hunter-Lab	72.714, -22.179, 11.349
Binary	10011100, 11001011, 10101111

#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#cb9cb8
```
#cb9cb8 rgb(203,156,184)
```

Complementary Color

#a1cb9c
```
#a1cb9c rgb(161,203,156)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#9ccbc7
```
#9ccbc7 rgb(156,203,199)
```

Analogous Color

#cb9ca1
```
#cb9ca1 rgb(203,156,161)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#c79ccb
```
#c79ccb rgb(199,156,203)
```

Split Complementary Color

#cbaf9c
```
#cbaf9c rgb(203,175,156)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#af9ccb
```
#af9ccb rgb(175,156,203)
```

Triadic Color

#b8cb9c
```
#b8cb9c rgb(184,203,156)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#af9ccb
```
#af9ccb rgb(175,156,203)
```
#cb9cb8
```
#cb9cb8 rgb(203,156,184)
```

Tetradic Color

#6ab186
```
#6ab186 rgb(106,177,134)
```
#7bb994
```
#7bb994 rgb(123,185,148)
```
#8bc2a1
```
#8bc2a1 rgb(139,194,161)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#add4bd
```
#add4bd rgb(173,212,189)
```
#bdddca
```
#bdddca rgb(189,221,202)
```
#cee5d8
```
#cee5d8 rgb(206,229,216)
```

Monochromatic Color

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

#9ccba3
```
#9ccba3 rgb(156,203,163)
```
#9ccba7
```
#9ccba7 rgb(156,203,167)
```
#9ccbab
```
#9ccbab rgb(156,203,171)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#9ccbb3
```
#9ccbb3 rgb(156,203,179)
```
#9ccbb7
```
#9ccbb7 rgb(156,203,183)
```
#9ccbbb
```
#9ccbbb rgb(156,203,187)
```

Similar Colors

Text with hexadecimal color #9ccbaf

This text has a font color of #9ccbaf.

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

#9ccbaf background color

This paragraph has a background color of #9ccbaf.

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

#9ccbaf border color

This element has a border color of #9ccbaf.

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

CSS codes

.text {color:#9ccbaf;}

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

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

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)
```
#101e15
```
#101e15 rgb(16,30,21)
```
#162a1e
```
#162a1e rgb(22,42,30)
```
#1d3728
```
#1d3728 rgb(29,55,40)
```
#244431
```
#244431 rgb(36,68,49)
```
#2b513a
```
#2b513a rgb(43,81,58)
```
#315e43
```
#315e43 rgb(49,94,67)
```
#386b4d
```
#386b4d rgb(56,107,77)
```
#3f7856
```
#3f7856 rgb(63,120,86)
```
#46845f
```
#46845f rgb(70,132,95)
```
#4c9168
```
#4c9168 rgb(76,145,104)
```
#539e71
```
#539e71 rgb(83,158,113)
```

Shade Color Variation

#5ca97b
```
#5ca97b rgb(92,169,123)
```
#69b085
```
#69b085 rgb(105,176,133)
```
#75b790
```
#75b790 rgb(117,183,144)
```
#82bd9a
```
#82bd9a rgb(130,189,154)
```
#8fc4a5
```
#8fc4a5 rgb(143,196,165)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#a9d2b9
```
#a9d2b9 rgb(169,210,185)
```
#b6d9c4
```
#b6d9c4 rgb(182,217,196)
```
#c3dfce
```
#c3dfce rgb(195,223,206)
```
#cfe6d9
```
#cfe6d9 rgb(207,230,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, #b3b4b3 is the less saturated color, while #6ef9a6 is the most saturated one.

#b3b4b3
```
#b3b4b3 rgb(179,180,179)
```
#adbab2
```
#adbab2 rgb(173,186,178)
```
#a8bfb1
```
#a8bfb1 rgb(168,191,177)
```
#a2c5b0
```
#a2c5b0 rgb(162,197,176)
```
#9ccbaf
```
#9ccbaf rgb(156,203,175)
```
#96d1ae
```
#96d1ae rgb(150,209,174)
```
#90d7ad
```
#90d7ad rgb(144,215,173)
```
#8bdcac
```
#8bdcac rgb(139,220,172)
```
#85e2ab
```
#85e2ab rgb(133,226,171)
```
#7fe8a9
```
#7fe8a9 rgb(127,232,169)
```
#79eea8
```
#79eea8 rgb(121,238,168)
```
#73f4a7
```
#73f4a7 rgb(115,244,167)
```
#6ef9a6
```
#6ef9a6 rgb(110,249,166)
```

Tone Color Variation

Below, you can see how #9ccbaf 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
#b4bdb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc2ad Protanopia 1% of men
#d9bdb8 Deuteranopia 1% of men
#a9c8d6 Tritanopia 0.001% of the population

Trichromacy

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

#9ccbaf hex color

#9ccbaf Color Information

#9ccbaf Color Conversion

Color Schemes with #9ccbaf

Alternatives to #9ccbaf

#9ccbaf Preview

Shades and Tints of #9ccbaf

Tones of #9ccbaf

Color Blindness Simulator