#9ac2b2 hex color

In a RGB color space, hex #9ac2b2 is composed of 60.4% red, 76.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 8.2% yellow and 23.9% black. It has a hue angle of 156 degrees, a saturation of 24.7% and a lightness of 68.2%. #9ac2b2 color hex could be obtained by blending #ffffff with #358565. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 60
- G 76
- B 70
RGB color chart
- C 21
- M 0
- Y 8
- K 24
CMYK color chart

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

The hexadecimal color #9ac2b2 has RGB values of R:154, G:194, B:178 and CMYK values of C:0.21, M:0, Y:0.08, K:0.24. Its decimal value is 10142386.

Hex triplet	9ac2b2	`#9ac2b2`
RGB Decimal	154, 194, 178	`rgb(154,194,178)`
RGB Percent	60.4, 76.1, 69.8	`rgb(60.4%,76.1%,69.8%)`
CMYK	21, 0, 8, 24
HSL	156°, 24.7, 68.2	`hsl(156,24.7%,68.2%)`
HSV (or HSB)	156°, 20.6, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.244, -16.572, 3.668
XYZ	40.652, 48.667, 49.369
xyY	0.293, 0.351, 48.667
CIE-LCH	75.244, 16.973, 167.518
CIE-LUV	75.244, -20.398, 8.211
Hunter-Lab	69.762, -18.066, 6.875
Binary	10011010, 11000010, 10110010

#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#c29aaa
```
#c29aaa rgb(194,154,170)
```

Complementary Color

#9ac29e
```
#9ac29e rgb(154,194,158)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#9abec2
```
#9abec2 rgb(154,190,194)
```

Analogous Color

#c29e9a
```
#c29e9a rgb(194,158,154)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#c29abe
```
#c29abe rgb(194,154,190)
```

Split Complementary Color

#c2b29a
```
#c2b29a rgb(194,178,154)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#b29ac2
```
#b29ac2 rgb(178,154,194)
```

Triadic Color

#aac29a
```
#aac29a rgb(170,194,154)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#b29ac2
```
#b29ac2 rgb(178,154,194)
```
#c29aaa
```
#c29aaa rgb(194,154,170)
```

Tetradic Color

#6aa58e
```
#6aa58e rgb(106,165,142)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#8ab8a6
```
#8ab8a6 rgb(138,184,166)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#aaccbe
```
#aaccbe rgb(170,204,190)
```
#bad5ca
```
#bad5ca rgb(186,213,202)
```
#cadfd6
```
#cadfd6 rgb(202,223,214)
```

Monochromatic Color

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

#9ac2a8
```
#9ac2a8 rgb(154,194,168)
```
#9ac2ab
```
#9ac2ab rgb(154,194,171)
```
#9ac2af
```
#9ac2af rgb(154,194,175)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#9ac2b5
```
#9ac2b5 rgb(154,194,181)
```
#9ac2b9
```
#9ac2b9 rgb(154,194,185)
```
#9ac2bc
```
#9ac2bc rgb(154,194,188)
```

Similar Colors

Text with hexadecimal color #9ac2b2

This text has a font color of #9ac2b2.

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

#9ac2b2 background color

This paragraph has a background color of #9ac2b2.

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

#9ac2b2 border color

This element has a border color of #9ac2b2.

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

CSS codes

.text {color:#9ac2b2;}

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

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

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

#050908
```
#050908 rgb(5,9,8)
```
#0d1512
```
#0d1512 rgb(13,21,18)
```
#14221c
```
#14221c rgb(20,34,28)
```
#1c2e27
```
#1c2e27 rgb(28,46,39)
```
#233a31
```
#233a31 rgb(35,58,49)
```
#2a463b
```
#2a463b rgb(42,70,59)
```
#325245
```
#325245 rgb(50,82,69)
```
#395f50
```
#395f50 rgb(57,95,80)
```
#416b5a
```
#416b5a rgb(65,107,90)
```
#487764
```
#487764 rgb(72,119,100)
```
#4f836f
```
#4f836f rgb(79,131,111)
```
#579079
```
#579079 rgb(87,144,121)
```
#5e9c83
```
#5e9c83 rgb(94,156,131)
```

Shade Color Variation

#69a48d
```
#69a48d rgb(105,164,141)
```
#75ac96
```
#75ac96 rgb(117,172,150)
```
#82b39f
```
#82b39f rgb(130,179,159)
```
#8ebba9
```
#8ebba9 rgb(142,187,169)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#a6c9bb
```
#a6c9bb rgb(166,201,187)
```
#b2d1c5
```
#b2d1c5 rgb(178,209,197)
```
#bfd8ce
```
#bfd8ce rgb(191,216,206)
```
#cbe0d7
```
#cbe0d7 rgb(203,224,215)
```
#d7e7e1
```
#d7e7e1 rgb(215,231,225)
```
#e3eeea
```
#e3eeea rgb(227,238,234)
```
#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, #adafae is the less saturated color, while #62fabd is the most saturated one.

#adafae
```
#adafae rgb(173,175,174)
```
#a6b6b0
```
#a6b6b0 rgb(166,182,176)
```
#a0bcb1
```
#a0bcb1 rgb(160,188,177)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#94c8b3
```
#94c8b3 rgb(148,200,179)
```
#8eceb4
```
#8eceb4 rgb(142,206,180)
```
#87d5b6
```
#87d5b6 rgb(135,213,182)
```
#81dbb7
```
#81dbb7 rgb(129,219,183)
```
#7be1b8
```
#7be1b8 rgb(123,225,184)
```
#75e7b9
```
#75e7b9 rgb(117,231,185)
```
#6eeebb
```
#6eeebb rgb(110,238,187)
```
#68f4bc
```
#68f4bc rgb(104,244,188)
```
#62fabd
```
#62fabd rgb(98,250,189)
```

Tone Color Variation

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

Dichromacy

#c2bcb1 Protanopia 1% of men
#cfb7ba Deuteranopia 1% of men
#a4c1cf Tritanopia 0.001% of the population

Trichromacy

#b4beb1 Protanomaly 1% of men, 0.01% of women
#bbbbb7 Deuteranomaly 6% of men, 0.4% of women
#a0c1c4 Tritanomaly 0.01% of the population

#9ac2b2 hex color

#9ac2b2 Color Information

#9ac2b2 Color Conversion

Color Schemes with #9ac2b2

Alternatives to #9ac2b2

#9ac2b2 Preview

Shades and Tints of #9ac2b2

Tones of #9ac2b2

Color Blindness Simulator