#afbcbb hex color

In a RGB color space, hex #afbcbb is composed of 68.6% red, 73.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 0.5% yellow and 26.3% black. It has a hue angle of 175.4 degrees, a saturation of 8.8% and a lightness of 71.2%. #afbcbb color hex could be obtained by blending #ffffff with #5f7977. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 74
- B 73
RGB color chart
- C 7
- M 0
- Y 1
- K 26
CMYK color chart

● #afbcbb color description : Grayish cyan.

The hexadecimal color #afbcbb has RGB values of R:175, G:188, B:187 and CMYK values of C:0.07, M:0, Y:0.01, K:0.26. Its decimal value is 11517115.

Hex triplet	afbcbb	`#afbcbb`
RGB Decimal	175, 188, 187	`rgb(175,188,187)`
RGB Percent	68.6, 73.7, 73.3	`rgb(68.6%,73.7%,73.3%)`
CMYK	7, 0, 1, 26
HSL	175.4°, 8.8, 71.2	`hsl(175.4,8.8%,71.2%)`
HSV (or HSB)	175.4°, 6.9, 73.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.244, -4.666, -1.045
XYZ	44.63, 48.668, 54.054
xyY	0.303, 0.33, 48.668
CIE-LCH	75.244, 4.782, 192.617
CIE-LUV	75.244, -7.118, -0.763
Hunter-Lab	69.762, -7.889, 2.894
Binary	10101111, 10111100, 10111011

#afbcbb
```
#afbcbb rgb(175,188,187)
```
#bcafb0
```
#bcafb0 rgb(188,175,176)
```

Complementary Color

#afbcb5
```
#afbcb5 rgb(175,188,181)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#afb7bc
```
#afb7bc rgb(175,183,188)
```

Analogous Color

#bcb5af
```
#bcb5af rgb(188,181,175)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#bcafb7
```
#bcafb7 rgb(188,175,183)
```

Split Complementary Color

#bcbbaf
```
#bcbbaf rgb(188,187,175)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#bbafbc
```
#bbafbc rgb(187,175,188)
```

Triadic Color

#b0bcaf
```
#b0bcaf rgb(176,188,175)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#bbafbc
```
#bbafbc rgb(187,175,188)
```
#bcafb0
```
#bcafb0 rgb(188,175,176)
```

Tetradic Color

#859998
```
#859998 rgb(133,153,152)
```
#93a5a3
```
#93a5a3 rgb(147,165,163)
```
#a1b0af
```
#a1b0af rgb(161,176,175)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#bdc8c7
```
#bdc8c7 rgb(189,200,199)
```
#cbd3d3
```
#cbd3d3 rgb(203,211,211)
```
#d9dfde
```
#d9dfde rgb(217,223,222)
```

Monochromatic Color

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

#afbcb8
```
#afbcb8 rgb(175,188,184)
```
#afbcb9
```
#afbcb9 rgb(175,188,185)
```
#afbcba
```
#afbcba rgb(175,188,186)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#afbcbc
```
#afbcbc rgb(175,188,188)
```
#afbbbc
```
#afbbbc rgb(175,187,188)
```
#afbabc
```
#afbabc rgb(175,186,188)
```

Similar Colors

Text with hexadecimal color #afbcbb

This text has a font color of #afbcbb.

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

#afbcbb background color

This paragraph has a background color of #afbcbb.

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

#afbcbb border color

This element has a border color of #afbcbb.

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

CSS codes

.text {color:#afbcbb;}

.background {background-color:#afbcbb;}

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

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

#050505
```
#050505 rgb(5,5,5)
```
#0d1010
```
#0d1010 rgb(13,16,16)
```
#161b1a
```
#161b1a rgb(22,27,26)
```
#1f2525
```
#1f2525 rgb(31,37,37)
```
#28302f
```
#28302f rgb(40,48,47)
```
#313b3a
```
#313b3a rgb(49,59,58)
```
#3a4545
```
#3a4545 rgb(58,69,69)
```
#43504f
```
#43504f rgb(67,80,79)
```
#4c5b5a
```
#4c5b5a rgb(76,91,90)
```
#556564
```
#556564 rgb(85,101,100)
```
#5e706f
```
#5e706f rgb(94,112,111)
```
#677b79
```
#677b79 rgb(103,123,121)
```
#708684
```
#708684 rgb(112,134,132)
```

Shade Color Variation

#7a8f8e
```
#7a8f8e rgb(122,143,142)
```
#849897
```
#849897 rgb(132,152,151)
```
#8fa1a0
```
#8fa1a0 rgb(143,161,160)
```
#9aaaa9
```
#9aaaa9 rgb(154,170,169)
```
#a4b3b2
```
#a4b3b2 rgb(164,179,178)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#bac5c4
```
#bac5c4 rgb(186,197,196)
```
#c4cecd
```
#c4cecd rgb(196,206,205)
```
#cfd7d6
```
#cfd7d6 rgb(207,215,214)
```
#dae0df
```
#dae0df rgb(218,224,223)
```
#e4e9e8
```
#e4e9e8 rgb(228,233,232)
```
#eff2f1
```
#eff2f1 rgb(239,242,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#b5b6b6
```
#b5b6b6 rgb(181,182,182)
```
#afbcbb
```
#afbcbb rgb(175,188,187)
```
#a9c2c0
```
#a9c2c0 rgb(169,194,192)
```
#a4c7c5
```
#a4c7c5 rgb(164,199,197)
```
#9ecdc9
```
#9ecdc9 rgb(158,205,201)
```
#98d3ce
```
#98d3ce rgb(152,211,206)
```
#93d8d3
```
#93d8d3 rgb(147,216,211)
```
#8dded8
```
#8dded8 rgb(141,222,216)
```
#87e4dc
```
#87e4dc rgb(135,228,220)
```
#82e9e1
```
#82e9e1 rgb(130,233,225)
```
#7cefe6
```
#7cefe6 rgb(124,239,230)
```
#76f5eb
```
#76f5eb rgb(118,245,235)
```
#71faf0
```
#71faf0 rgb(113,250,240)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6b9b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbbbc Protanopia 1% of men
#ccb7c1 Deuteranopia 1% of men
#b5bdcb Tritanopia 0.001% of the population

Trichromacy

#b9bbbc Protanomaly 1% of men, 0.01% of women
#c1b9be Deuteranomaly 6% of men, 0.4% of women
#b3bcc5 Tritanomaly 0.01% of the population

#afbcbb hex color

#afbcbb Color Information

#afbcbb Color Conversion

Color Schemes with #afbcbb

Alternatives to #afbcbb

#afbcbb Preview

Shades and Tints of #afbcbb

Tones of #afbcbb

Color Blindness Simulator