#afb9bf hex color

In a RGB color space, hex #afb9bf is composed of 68.6% red, 72.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 3.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 202.5 degrees, a saturation of 11.1% and a lightness of 71.8%. #afb9bf color hex could be obtained by blending #ffffff with #5f737f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 73
- B 75
RGB color chart
- C 8
- M 3
- Y 0
- K 25
CMYK color chart

● #afb9bf color description : Grayish blue.

The hexadecimal color #afb9bf has RGB values of R:175, G:185, B:191 and CMYK values of C:0.08, M:0.03, Y:0, K:0.25. Its decimal value is 11516351.

Hex triplet	afb9bf	`#afb9bf`
RGB Decimal	175, 185, 191	`rgb(175,185,191)`
RGB Percent	68.6, 72.5, 74.9	`rgb(68.6%,72.5%,74.9%)`
CMYK	8, 3, 0, 25
HSL	202.5°, 11.1, 71.8	`hsl(202.5,11.1%,71.8%)`
HSV (or HSB)	202.5°, 8.4, 74.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.555, -2.276, -4.235
XYZ	44.43, 47.573, 56.129
xyY	0.3, 0.321, 47.573
CIE-LCH	74.555, 4.808, 241.739
CIE-LUV	74.555, -5.817, -5.98
Hunter-Lab	68.973, -5.719, 0.032
Binary	10101111, 10111001, 10111111

#afb9bf
```
#afb9bf rgb(175,185,191)
```
#bfb5af
```
#bfb5af rgb(191,181,175)
```

Complementary Color

#afbfbd
```
#afbfbd rgb(175,191,189)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#afb1bf
```
#afb1bf rgb(175,177,191)
```

Analogous Color

#bfbdaf
```
#bfbdaf rgb(191,189,175)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#bfafb1
```
#bfafb1 rgb(191,175,177)
```

Split Complementary Color

#b9bfaf
```
#b9bfaf rgb(185,191,175)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#bfafb9
```
#bfafb9 rgb(191,175,185)
```

Triadic Color

#afbfb5
```
#afbfb5 rgb(175,191,181)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#bfafb9
```
#bfafb9 rgb(191,175,185)
```
#bfb5af
```
#bfb5af rgb(191,181,175)
```

Tetradic Color

#85949d
```
#85949d rgb(133,148,157)
```
#93a0a8
```
#93a0a8 rgb(147,160,168)
```
#a1adb4
```
#a1adb4 rgb(161,173,180)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#bdc5ca
```
#bdc5ca rgb(189,197,202)
```
#cbd2d6
```
#cbd2d6 rgb(203,210,214)
```
#dadee1
```
#dadee1 rgb(218,222,225)
```

Monochromatic Color

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

#afbdbf
```
#afbdbf rgb(175,189,191)
```
#afbcbf
```
#afbcbf rgb(175,188,191)
```
#afbabf
```
#afbabf rgb(175,186,191)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#afb8bf
```
#afb8bf rgb(175,184,191)
```
#afb6bf
```
#afb6bf rgb(175,182,191)
```
#afb5bf
```
#afb5bf rgb(175,181,191)
```

Similar Colors

Text with hexadecimal color #afb9bf

This text has a font color of #afb9bf.

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

#afb9bf background color

This paragraph has a background color of #afb9bf.

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

#afb9bf border color

This element has a border color of #afb9bf.

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

CSS codes

.text {color:#afb9bf;}

.background {background-color:#afb9bf;}

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

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

#060707
```
#060707 rgb(6,7,7)
```
#0e1112
```
#0e1112 rgb(14,17,18)
```
#171b1d
```
#171b1d rgb(23,27,29)
```
#202528
```
#202528 rgb(32,37,40)
```
#292f33
```
#292f33 rgb(41,47,51)
```
#31393e
```
#31393e rgb(49,57,62)
```
#3a4349
```
#3a4349 rgb(58,67,73)
```
#434d53
```
#434d53 rgb(67,77,83)
```
#4b575e
```
#4b575e rgb(75,87,94)
```
#546169
```
#546169 rgb(84,97,105)
```
#5d6b74
```
#5d6b74 rgb(93,107,116)
```
#66767f
```
#66767f rgb(102,118,127)
```
#6e808a
```
#6e808a rgb(110,128,138)
```

Shade Color Variation

#798993
```
#798993 rgb(121,137,147)
```
#83939c
```
#83939c rgb(131,147,156)
```
#8e9ca5
```
#8e9ca5 rgb(142,156,165)
```
#99a6ae
```
#99a6ae rgb(153,166,174)
```
#a4afb6
```
#a4afb6 rgb(164,175,182)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#bac3c8
```
#bac3c8 rgb(186,195,200)
```
#c5ccd0
```
#c5ccd0 rgb(197,204,208)
```
#d0d6d9
```
#d0d6d9 rgb(208,214,217)
```
#dbdfe2
```
#dbdfe2 rgb(219,223,226)
```
#e5e9eb
```
#e5e9eb rgb(229,233,235)
```
#f0f2f3
```
#f0f2f3 rgb(240,242,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#b5b8b9
```
#b5b8b9 rgb(181,184,185)
```
#afb9bf
```
#afb9bf rgb(175,185,191)
```
#a9bac5
```
#a9bac5 rgb(169,186,197)
```
#a4bcca
```
#a4bcca rgb(164,188,202)
```
#9ebdd0
```
#9ebdd0 rgb(158,189,208)
```
#99bfd5
```
#99bfd5 rgb(153,191,213)
```
#93c0db
```
#93c0db rgb(147,192,219)
```
#8ec1e0
```
#8ec1e0 rgb(142,193,224)
```
#88c3e6
```
#88c3e6 rgb(136,195,230)
```
#83c4eb
```
#83c4eb rgb(131,196,235)
```
#7dc5f1
```
#7dc5f1 rgb(125,197,241)
```
#78c7f6
```
#78c7f6 rgb(120,199,246)
```
#72c8fc
```
#72c8fc rgb(114,200,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5b7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbac0 Protanopia 1% of men
#c7b6c4 Deuteranopia 1% of men
#b4bbc8 Tritanopia 0.001% of the population

Trichromacy

#b7b9c0 Protanomaly 1% of men, 0.01% of women
#beb7c2 Deuteranomaly 6% of men, 0.4% of women
#b2bac5 Tritanomaly 0.01% of the population

#afb9bf hex color

#afb9bf Color Information

#afb9bf Color Conversion

Color Schemes with #afb9bf

Alternatives to #afb9bf

#afb9bf Preview

Shades and Tints of #afb9bf

Tones of #afb9bf

Color Blindness Simulator