#9ac3b4 hex color

In a RGB color space, hex #9ac3b4 is composed of 60.4% red, 76.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 0% magenta, 7.7% yellow and 23.5% black. It has a hue angle of 158 degrees, a saturation of 25.5% and a lightness of 68.4%. #9ac3b4 color hex could be obtained by blending #ffffff with #358769. Closest websafe color is: #99cccc.

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

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

The hexadecimal color #9ac3b4 has RGB values of R:154, G:195, B:180 and CMYK values of C:0.21, M:0, Y:0.08, K:0.24. Its decimal value is 10142644.

Hex triplet	9ac3b4	`#9ac3b4`
RGB Decimal	154, 195, 180	`rgb(154,195,180)`
RGB Percent	60.4, 76.5, 70.6	`rgb(60.4%,76.5%,70.6%)`
CMYK	21, 0, 8, 24
HSL	158°, 25.5, 68.4	`hsl(158,25.5%,68.4%)`
HSV (or HSB)	158°, 21, 76.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.572, -16.678, 3.061
XYZ	41.078, 49.194, 50.509
xyY	0.292, 0.349, 49.194
CIE-LCH	75.572, 16.956, 169.599
CIE-LUV	75.572, -20.887, 7.341
Hunter-Lab	70.139, -18.202, 6.401
Binary	10011010, 11000011, 10110100

#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#c39aa9
```
#c39aa9 rgb(195,154,169)
```

Complementary Color

#9ac3a0
```
#9ac3a0 rgb(154,195,160)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#9abec3
```
#9abec3 rgb(154,190,195)
```

Analogous Color

#c3a09a
```
#c3a09a rgb(195,160,154)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#c39abe
```
#c39abe rgb(195,154,190)
```

Split Complementary Color

#c3b49a
```
#c3b49a rgb(195,180,154)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#b49ac3
```
#b49ac3 rgb(180,154,195)
```

Triadic Color

#a9c39a
```
#a9c39a rgb(169,195,154)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#b49ac3
```
#b49ac3 rgb(180,154,195)
```
#c39aa9
```
#c39aa9 rgb(195,154,169)
```

Tetradic Color

#6aa690
```
#6aa690 rgb(106,166,144)
```
#7ab09c
```
#7ab09c rgb(122,176,156)
```
#8ab9a8
```
#8ab9a8 rgb(138,185,168)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#aacdc0
```
#aacdc0 rgb(170,205,192)
```
#bad6cc
```
#bad6cc rgb(186,214,204)
```
#cae0d8
```
#cae0d8 rgb(202,224,216)
```

Monochromatic Color

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

#9ac3aa
```
#9ac3aa rgb(154,195,170)
```
#9ac3ad
```
#9ac3ad rgb(154,195,173)
```
#9ac3b1
```
#9ac3b1 rgb(154,195,177)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#9ac3b7
```
#9ac3b7 rgb(154,195,183)
```
#9ac3bb
```
#9ac3bb rgb(154,195,187)
```
#9ac3be
```
#9ac3be rgb(154,195,190)
```

Similar Colors

Text with hexadecimal color #9ac3b4

This text has a font color of #9ac3b4.

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

#9ac3b4 background color

This paragraph has a background color of #9ac3b4.

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

#9ac3b4 border color

This element has a border color of #9ac3b4.

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

CSS codes

.text {color:#9ac3b4;}

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

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

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)
```
#0d1613
```
#0d1613 rgb(13,22,19)
```
#14221d
```
#14221d rgb(20,34,29)
```
#1c2f28
```
#1c2f28 rgb(28,47,40)
```
#233b32
```
#233b32 rgb(35,59,50)
```
#2a473d
```
#2a473d rgb(42,71,61)
```
#325447
```
#325447 rgb(50,84,71)
```
#396052
```
#396052 rgb(57,96,82)
```
#406c5c
```
#406c5c rgb(64,108,92)
```
#487867
```
#487867 rgb(72,120,103)
```
#4f8571
```
#4f8571 rgb(79,133,113)
```
#56917c
```
#56917c rgb(86,145,124)
```
#5e9d86
```
#5e9d86 rgb(94,157,134)
```

Shade Color Variation

#69a68f
```
#69a68f rgb(105,166,143)
```
#75ad99
```
#75ad99 rgb(117,173,153)
```
#81b4a2
```
#81b4a2 rgb(129,180,162)
```
#8ebcab
```
#8ebcab rgb(142,188,171)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#a6cabd
```
#a6cabd rgb(166,202,189)
```
#b3d2c6
```
#b3d2c6 rgb(179,210,198)
```
#bfd9cf
```
#bfd9cf rgb(191,217,207)
```
#cbe0d9
```
#cbe0d9 rgb(203,224,217)
```
#d8e8e2
```
#d8e8e2 rgb(216,232,226)
```
#e4efeb
```
#e4efeb rgb(228,239,235)
```
#f0f6f4
```
#f0f6f4 rgb(240,246,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#adb0af
```
#adb0af rgb(173,176,175)
```
#a6b7b1
```
#a6b7b1 rgb(166,183,177)
```
#a0bdb2
```
#a0bdb2 rgb(160,189,178)
```
#9ac3b4
```
#9ac3b4 rgb(154,195,180)
```
#94c9b6
```
#94c9b6 rgb(148,201,182)
```
#8ecfb7
```
#8ecfb7 rgb(142,207,183)
```
#87d6b9
```
#87d6b9 rgb(135,214,185)
```
#81dcbb
```
#81dcbb rgb(129,220,187)
```
#7be2bc
```
#7be2bc rgb(123,226,188)
```
#75e8be
```
#75e8be rgb(117,232,190)
```
#6feec0
```
#6feec0 rgb(111,238,192)
```
#68f5c1
```
#68f5c1 rgb(104,245,193)
```
#62fbc3
```
#62fbc3 rgb(98,251,195)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b0b8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bdb3 Protanopia 1% of men
#cfb8bc Deuteranopia 1% of men
#a4c2d0 Tritanopia 0.001% of the population

Trichromacy

#b4bfb3 Protanomaly 1% of men, 0.01% of women
#bcbcb9 Deuteranomaly 6% of men, 0.4% of women
#a0c2c6 Tritanomaly 0.01% of the population

#9ac3b4 hex color

#9ac3b4 Color Information

#9ac3b4 Color Conversion

Color Schemes with #9ac3b4

Alternatives to #9ac3b4

#9ac3b4 Preview

Shades and Tints of #9ac3b4

Tones of #9ac3b4

Color Blindness Simulator