#abafb9 hex color

In a RGB color space, hex #abafb9 is composed of 67.1% red, 68.6% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 7.6% cyan, 5.4% magenta, 0% yellow and 27.5% black. It has a hue angle of 222.9 degrees, a saturation of 9.1% and a lightness of 69.8%. #abafb9 color hex could be obtained by blending #ffffff with #575f73. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 69
- B 73
RGB color chart
- C 8
- M 5
- Y 0
- K 27
CMYK color chart

● #abafb9 color description : Grayish blue.

The hexadecimal color #abafb9 has RGB values of R:171, G:175, B:185 and CMYK values of C:0.08, M:0.05, Y:0, K:0.27. Its decimal value is 11251641.

Hex triplet	abafb9	`#abafb9`
RGB Decimal	171, 175, 185	`rgb(171,175,185)`
RGB Percent	67.1, 68.6, 72.5	`rgb(67.1%,68.6%,72.5%)`
CMYK	8, 5, 0, 27
HSL	222.9°, 9.1, 69.8	`hsl(222.9,9.1%,69.8%)`
HSV (or HSB)	222.9°, 7.6, 72.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.433, 0.556, -5.592
XYZ	40.88, 42.82, 52.008
xyY	0.301, 0.316, 42.82
CIE-LCH	71.433, 5.62, 275.675
CIE-LUV	71.433, -2.777, -8.463
Hunter-Lab	65.437, -3.003, -1.316
Binary	10101011, 10101111, 10111001

#abafb9
```
#abafb9 rgb(171,175,185)
```
#b9b5ab
```
#b9b5ab rgb(185,181,171)
```

Complementary Color

#abb6b9
```
#abb6b9 rgb(171,182,185)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#aeabb9
```
#aeabb9 rgb(174,171,185)
```

Analogous Color

#b6b9ab
```
#b6b9ab rgb(182,185,171)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#b9aeab
```
#b9aeab rgb(185,174,171)
```

Split Complementary Color

#afb9ab
```
#afb9ab rgb(175,185,171)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#b9abaf
```
#b9abaf rgb(185,171,175)
```

Triadic Color

#abb9b5
```
#abb9b5 rgb(171,185,181)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#b9abaf
```
#b9abaf rgb(185,171,175)
```
#b9b5ab
```
#b9b5ab rgb(185,181,171)
```

Tetradic Color

#818796
```
#818796 rgb(129,135,150)
```
#8f95a2
```
#8f95a2 rgb(143,149,162)
```
#9da2ad
```
#9da2ad rgb(157,162,173)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#b9bcc5
```
#b9bcc5 rgb(185,188,197)
```
#c7c9d0
```
#c7c9d0 rgb(199,201,208)
```
#d5d7dc
```
#d5d7dc rgb(213,215,220)
```

Monochromatic Color

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

#abb3b9
```
#abb3b9 rgb(171,179,185)
```
#abb1b9
```
#abb1b9 rgb(171,177,185)
```
#abb0b9
```
#abb0b9 rgb(171,176,185)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#abaeb9
```
#abaeb9 rgb(171,174,185)
```
#abadb9
```
#abadb9 rgb(171,173,185)
```
#abacb9
```
#abacb9 rgb(171,172,185)
```

Similar Colors

Text with hexadecimal color #abafb9

This text has a font color of #abafb9.

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

#abafb9 background color

This paragraph has a background color of #abafb9.

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

#abafb9 border color

This element has a border color of #abafb9.

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

CSS codes

.text {color:#abafb9;}

.background {background-color:#abafb9;}

.border {border:1px solid #abafb9;}

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#131417
```
#131417 rgb(19,20,23)
```
#1c1e22
```
#1c1e22 rgb(28,30,34)
```
#25272c
```
#25272c rgb(37,39,44)
```
#2e3137
```
#2e3137 rgb(46,49,55)
```
#373a42
```
#373a42 rgb(55,58,66)
```
#40434c
```
#40434c rgb(64,67,76)
```
#494d57
```
#494d57 rgb(73,77,87)
```
#525662
```
#525662 rgb(82,86,98)
```
#5a606d
```
#5a606d rgb(90,96,109)
```
#636977
```
#636977 rgb(99,105,119)
```
#6c7382
```
#6c7382 rgb(108,115,130)
```

Shade Color Variation

#767c8c
```
#767c8c rgb(118,124,140)
```
#808695
```
#808695 rgb(128,134,149)
```
#8b909e
```
#8b909e rgb(139,144,158)
```
#969ba7
```
#969ba7 rgb(150,155,167)
```
#a0a5b0
```
#a0a5b0 rgb(160,165,176)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#b6b9c2
```
#b6b9c2 rgb(182,185,194)
```
#c0c3cb
```
#c0c3cb rgb(192,195,203)
```
#cbced4
```
#cbced4 rgb(203,206,212)
```
#d6d8dd
```
#d6d8dd rgb(214,216,221)
```
#e0e2e6
```
#e0e2e6 rgb(224,226,230)
```
#ebecee
```
#ebecee rgb(235,236,238)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

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

#b1b2b3
```
#b1b2b3 rgb(177,178,179)
```
#abafb9
```
#abafb9 rgb(171,175,185)
```
#a5acbf
```
#a5acbf rgb(165,172,191)
```
#9faac5
```
#9faac5 rgb(159,170,197)
```
#99a7cb
```
#99a7cb rgb(153,167,203)
```
#93a5d1
```
#93a5d1 rgb(147,165,209)
```
#8da2d7
```
#8da2d7 rgb(141,162,215)
```
#87a0dd
```
#87a0dd rgb(135,160,221)
```
#829de2
```
#829de2 rgb(130,157,226)
```
#7c9be8
```
#7c9be8 rgb(124,155,232)
```
#7698ee
```
#7698ee rgb(118,152,238)
```
#7096f4
```
#7096f4 rgb(112,150,244)
```
#6a93fa
```
#6a93fa rgb(106,147,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#aeafb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b2bc Protanopia 1% of men
#beaebe Deuteranopia 1% of men
#afb2bf Tritanopia 0.001% of the population

Trichromacy

#b0b0ba Protanomaly 1% of men, 0.01% of women
#b7aebc Deuteranomaly 6% of men, 0.4% of women
#aeb1bd Tritanomaly 0.01% of the population

#abafb9 hex color

#abafb9 Color Information

#abafb9 Color Conversion

Color Schemes with #abafb9

Alternatives to #abafb9

#abafb9 Preview

Shades and Tints of #abafb9

Tones of #abafb9

Color Blindness Simulator