#abb2bf hex color

In a RGB color space, hex #abb2bf is composed of 67.1% red, 69.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 6.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 219 degrees, a saturation of 13.5% and a lightness of 71%. #abb2bf color hex could be obtained by blending #ffffff with #57657f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 70
- B 75
RGB color chart
- C 10
- M 7
- Y 0
- K 25
CMYK color chart

● #abb2bf color description : Grayish blue.

The hexadecimal color #abb2bf has RGB values of R:171, G:178, B:191 and CMYK values of C:0.1, M:0.07, Y:0, K:0.25. Its decimal value is 11252415.

Hex triplet	abb2bf	`#abb2bf`
RGB Decimal	171, 178, 191	`rgb(171,178,191)`
RGB Percent	67.1, 69.8, 74.9	`rgb(67.1%,69.8%,74.9%)`
CMYK	10, 7, 0, 25
HSL	219°, 13.5, 71	`hsl(219,13.5%,71%)`
HSV (or HSB)	219°, 10.5, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.402, 0.149, -7.452
XYZ	42.117, 44.26, 55.611
xyY	0.297, 0.312, 44.26
CIE-LCH	72.402, 7.454, 271.145
CIE-LUV	72.402, -4.547, -11.267
Hunter-Lab	66.528, -3.421, -2.991
Binary	10101011, 10110010, 10111111

#abb2bf
```
#abb2bf rgb(171,178,191)
```
#bfb8ab
```
#bfb8ab rgb(191,184,171)
```

Complementary Color

#abbcbf
```
#abbcbf rgb(171,188,191)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#aeabbf
```
#aeabbf rgb(174,171,191)
```

Analogous Color

#bcbfab
```
#bcbfab rgb(188,191,171)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#bfaeab
```
#bfaeab rgb(191,174,171)
```

Split Complementary Color

#b2bfab
```
#b2bfab rgb(178,191,171)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#bfabb2
```
#bfabb2 rgb(191,171,178)
```

Triadic Color

#abbfb8
```
#abbfb8 rgb(171,191,184)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#bfabb2
```
#bfabb2 rgb(191,171,178)
```
#bfb8ab
```
#bfb8ab rgb(191,184,171)
```

Tetradic Color

#808a9e
```
#808a9e rgb(128,138,158)
```
#8e97a9
```
#8e97a9 rgb(142,151,169)
```
#9da5b4
```
#9da5b4 rgb(157,165,180)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#b9bfca
```
#b9bfca rgb(185,191,202)
```
#c8cdd5
```
#c8cdd5 rgb(200,205,213)
```
#d6dae0
```
#d6dae0 rgb(214,218,224)
```

Monochromatic Color

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

#abb7bf
```
#abb7bf rgb(171,183,191)
```
#abb5bf
```
#abb5bf rgb(171,181,191)
```
#abb4bf
```
#abb4bf rgb(171,180,191)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#abb0bf
```
#abb0bf rgb(171,176,191)
```
#abafbf
```
#abafbf rgb(171,175,191)
```
#abadbf
```
#abadbf rgb(171,173,191)
```

Similar Colors

Text with hexadecimal color #abb2bf

This text has a font color of #abb2bf.

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

#abb2bf background color

This paragraph has a background color of #abb2bf.

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

#abb2bf border color

This element has a border color of #abb2bf.

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

CSS codes

.text {color:#abb2bf;}

.background {background-color:#abb2bf;}

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0e10
```
#0c0e10 rgb(12,14,16)
```
#15171b
```
#15171b rgb(21,23,27)
```
#1d2126
```
#1d2126 rgb(29,33,38)
```
#262a32
```
#262a32 rgb(38,42,50)
```
#2e333d
```
#2e333d rgb(46,51,61)
```
#373d48
```
#373d48 rgb(55,61,72)
```
#3f4653
```
#3f4653 rgb(63,70,83)
```
#48505e
```
#48505e rgb(72,80,94)
```
#505969
```
#505969 rgb(80,89,105)
```
#596274
```
#596274 rgb(89,98,116)
```
#616c80
```
#616c80 rgb(97,108,128)
```
#6a758b
```
#6a758b rgb(106,117,139)
```

Shade Color Variation

#737f95
```
#737f95 rgb(115,127,149)
```
#7e899d
```
#7e899d rgb(126,137,157)
```
#8a93a6
```
#8a93a6 rgb(138,147,166)
```
#959eae
```
#959eae rgb(149,158,174)
```
#a0a8b7
```
#a0a8b7 rgb(160,168,183)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#b6bcc7
```
#b6bcc7 rgb(182,188,199)
```
#c1c6d0
```
#c1c6d0 rgb(193,198,208)
```
#ccd1d8
```
#ccd1d8 rgb(204,209,216)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,225)
```
#e3e5e9
```
#e3e5e9 rgb(227,229,233)
```
#eeeff2
```
#eeeff2 rgb(238,239,242)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

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

#b1b4b9
```
#b1b4b9 rgb(177,180,185)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#a5b0c5
```
#a5b0c5 rgb(165,176,197)
```
#a0afca
```
#a0afca rgb(160,175,202)
```
#9aadd0
```
#9aadd0 rgb(154,173,208)
```
#94abd6
```
#94abd6 rgb(148,171,214)
```
#8fa9db
```
#8fa9db rgb(143,169,219)
```
#89a8e1
```
#89a8e1 rgb(137,168,225)
```
#83a6e7
```
#83a6e7 rgb(131,166,231)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#78a3f2
```
#78a3f2 rgb(120,163,242)
```
#72a1f8
```
#72a1f8 rgb(114,161,248)
```
#6c9ffe
```
#6c9ffe rgb(108,159,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b0b1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b4c1 Protanopia 1% of men
#bfb0c4 Deuteranopia 1% of men
#afb5c2 Tritanopia 0.001% of the population

Trichromacy

#b1b3c0 Protanomaly 1% of men, 0.01% of women
#b8b1c2 Deuteranomaly 6% of men, 0.4% of women
#adb4c1 Tritanomaly 0.01% of the population

#abb2bf hex color

#abb2bf Color Information

#abb2bf Color Conversion

Color Schemes with #abb2bf

Alternatives to #abb2bf

#abb2bf Preview

Shades and Tints of #abb2bf

Tones of #abb2bf

Color Blindness Simulator