#9ab2ae hex color

In a RGB color space, hex #9ab2ae is composed of 60.4% red, 69.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 0% magenta, 2.2% yellow and 30.2% black. It has a hue angle of 170 degrees, a saturation of 13.5% and a lightness of 65.1%. #9ab2ae color hex could be obtained by blending #ffffff with #35655d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 60
- G 70
- B 68
RGB color chart
- C 13
- M 0
- Y 2
- K 30
CMYK color chart

● #9ab2ae color description : Dark grayish cyan.

The hexadecimal color #9ab2ae has RGB values of R:154, G:178, B:174 and CMYK values of C:0.13, M:0, Y:0.02, K:0.3. Its decimal value is 10138286.

Hex triplet	9ab2ae	`#9ab2ae`
RGB Decimal	154, 178, 174	`rgb(154,178,174)`
RGB Percent	60.4, 69.8, 68.2	`rgb(60.4%,69.8%,68.2%)`
CMYK	13, 0, 2, 30
HSL	170°, 13.5, 65.1	`hsl(170,13.5%,65.1%)`
HSV (or HSB)	170°, 13.5, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.709, -9.043, -0.746
XYZ	36.885, 41.766, 46.16
xyY	0.296, 0.335, 41.766
CIE-LCH	70.709, 9.074, 184.716
CIE-LUV	70.709, -12.724, 0.408
Hunter-Lab	64.627, -11.22, 2.89
Binary	10011010, 10110010, 10101110

#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#b29a9e
```
#b29a9e rgb(178,154,158)
```

Complementary Color

#9ab2a2
```
#9ab2a2 rgb(154,178,162)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#9aaab2
```
#9aaab2 rgb(154,170,178)
```

Analogous Color

#b2a29a
```
#b2a29a rgb(178,162,154)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#b29aaa
```
#b29aaa rgb(178,154,170)
```

Split Complementary Color

#b2ae9a
```
#b2ae9a rgb(178,174,154)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#ae9ab2
```
#ae9ab2 rgb(174,154,178)
```

Triadic Color

#9eb29a
```
#9eb29a rgb(158,178,154)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#ae9ab2
```
#ae9ab2 rgb(174,154,178)
```
#b29a9e
```
#b29a9e rgb(178,154,158)
```

Tetradic Color

#6f918b
```
#6f918b rgb(111,145,139)
```
#7d9c97
```
#7d9c97 rgb(125,156,151)
```
#8ca7a2
```
#8ca7a2 rgb(140,167,162)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#a8bdba
```
#a8bdba rgb(168,189,186)
```
#b7c8c5
```
#b7c8c5 rgb(183,200,197)
```
#c5d3d1
```
#c5d3d1 rgb(197,211,209)
```

Monochromatic Color

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

#9ab2a8
```
#9ab2a8 rgb(154,178,168)
```
#9ab2aa
```
#9ab2aa rgb(154,178,170)
```
#9ab2ac
```
#9ab2ac rgb(154,178,172)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#9ab2b0
```
#9ab2b0 rgb(154,178,176)
```
#9ab2b2
```
#9ab2b2 rgb(154,178,178)
```
#9ab0b2
```
#9ab0b2 rgb(154,176,178)
```

Similar Colors

Text with hexadecimal color #9ab2ae

This text has a font color of #9ab2ae.

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

#9ab2ae background color

This paragraph has a background color of #9ab2ae.

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

#9ab2ae border color

This element has a border color of #9ab2ae.

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

CSS codes

.text {color:#9ab2ae;}

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

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

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, #080a0a is the darkest color, while #fefefe is the lightest one.

#080a0a
```
#080a0a rgb(8,10,10)
```
#101515
```
#101515 rgb(16,21,21)
```
#19211f
```
#19211f rgb(25,33,31)
```
#212c2a
```
#212c2a rgb(33,44,42)
```
#2a3735
```
#2a3735 rgb(42,55,53)
```
#32423f
```
#32423f rgb(50,66,63)
```
#3b4d4a
```
#3b4d4a rgb(59,77,74)
```
#435855
```
#435855 rgb(67,88,85)
```
#4c635f
```
#4c635f rgb(76,99,95)
```
#546e6a
```
#546e6a rgb(84,110,106)
```
#5d7a75
```
#5d7a75 rgb(93,122,117)
```
#65857f
```
#65857f rgb(101,133,127)
```
#6e908a
```
#6e908a rgb(110,144,138)
```

Shade Color Variation

#799993
```
#799993 rgb(121,153,147)
```
#84a19c
```
#84a19c rgb(132,161,156)
```
#8faaa5
```
#8faaa5 rgb(143,170,165)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#a5bab7
```
#a5bab7 rgb(165,186,183)
```
#b0c3c0
```
#b0c3c0 rgb(176,195,192)
```
#bbcbc9
```
#bbcbc9 rgb(187,203,201)
```
#c7d4d2
```
#c7d4d2 rgb(199,212,210)
```
#d2dcdb
```
#d2dcdb rgb(210,220,219)
```
#dde5e4
```
#dde5e4 rgb(221,229,228)
```
#e8edec
```
#e8edec rgb(232,237,236)
```
#f3f6f5
```
#f3f6f5 rgb(243,246,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a1aba9
```
#a1aba9 rgb(161,171,169)
```
#9ab2ae
```
#9ab2ae rgb(154,178,174)
```
#93b9b3
```
#93b9b3 rgb(147,185,179)
```
#8cc0b7
```
#8cc0b7 rgb(140,192,183)
```
#85c7bc
```
#85c7bc rgb(133,199,188)
```
#7fcdc0
```
#7fcdc0 rgb(127,205,192)
```
#78d4c5
```
#78d4c5 rgb(120,212,197)
```
#71dbc9
```
#71dbc9 rgb(113,219,201)
```
#6ae2ce
```
#6ae2ce rgb(106,226,206)
```
#63e9d3
```
#63e9d3 rgb(99,233,211)
```
#5cf0d7
```
#5cf0d7 rgb(92,240,215)
```
#56f6dc
```
#56f6dc rgb(86,246,220)
```
#4ffde0
```
#4ffde0 rgb(79,253,224)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a7acab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b0af Protanopia 1% of men
#bfacb5 Deuteranopia 1% of men
#a2b3c0 Tritanopia 0.001% of the population

Trichromacy

#aab0ae Protanomaly 1% of men, 0.01% of women
#b1aeb2 Deuteranomaly 6% of men, 0.4% of women
#9fb3b9 Tritanomaly 0.01% of the population

#9ab2ae hex color

#9ab2ae Color Information

#9ab2ae Color Conversion

Color Schemes with #9ab2ae

Alternatives to #9ab2ae

#9ab2ae Preview

Shades and Tints of #9ab2ae

Tones of #9ab2ae

Color Blindness Simulator