#afc4bc hex color

In a RGB color space, hex #afc4bc is composed of 68.6% red, 76.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 0% magenta, 4.1% yellow and 23.1% black. It has a hue angle of 157.1 degrees, a saturation of 15.1% and a lightness of 72.7%. #afc4bc color hex could be obtained by blending #ffffff with #5f8979. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 77
- B 74
RGB color chart
- C 11
- M 0
- Y 4
- K 23
CMYK color chart

● #afc4bc color description : Grayish cyan - lime green.

The hexadecimal color #afc4bc has RGB values of R:175, G:196, B:188 and CMYK values of C:0.11, M:0, Y:0.04, K:0.23. Its decimal value is 11519164.

Hex triplet	afc4bc	`#afc4bc`
RGB Decimal	175, 196, 188	`rgb(175,196,188)`
RGB Percent	68.6, 76.9, 73.7	`rgb(68.6%,76.9%,73.7%)`
CMYK	11, 0, 4, 23
HSL	157.1°, 15.1, 72.7	`hsl(157.1,15.1%,72.7%)`
HSV (or HSB)	157.1°, 10.7, 76.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.415, -8.685, 1.581
XYZ	46.494, 52.224, 55.205
xyY	0.302, 0.339, 52.224
CIE-LCH	77.415, 8.827, 169.682
CIE-LUV	77.415, -11.087, 3.843
Hunter-Lab	72.266, -11.623, 5.294
Binary	10101111, 11000100, 10111100

#afc4bc
```
#afc4bc rgb(175,196,188)
```
#c4afb7
```
#c4afb7 rgb(196,175,183)
```

Complementary Color

#afc4b2
```
#afc4b2 rgb(175,196,178)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#afc2c4
```
#afc2c4 rgb(175,194,196)
```

Analogous Color

#c4b2af
```
#c4b2af rgb(196,178,175)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#c4afc2
```
#c4afc2 rgb(196,175,194)
```

Split Complementary Color

#c4bcaf
```
#c4bcaf rgb(196,188,175)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#bcafc4
```
#bcafc4 rgb(188,175,196)
```

Triadic Color

#b7c4af
```
#b7c4af rgb(183,196,175)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#bcafc4
```
#bcafc4 rgb(188,175,196)
```
#c4afb7
```
#c4afb7 rgb(196,175,183)
```

Tetradic Color

#83a497
```
#83a497 rgb(131,164,151)
```
#92aea3
```
#92aea3 rgb(146,174,163)
```
#a0b9b0
```
#a0b9b0 rgb(160,185,176)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#becfc8
```
#becfc8 rgb(190,207,200)
```
#ccdad5
```
#ccdad5 rgb(204,218,213)
```
#dbe4e1
```
#dbe4e1 rgb(219,228,225)
```

Monochromatic Color

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

#afc4b7
```
#afc4b7 rgb(175,196,183)
```
#afc4b9
```
#afc4b9 rgb(175,196,185)
```
#afc4ba
```
#afc4ba rgb(175,196,186)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#afc4be
```
#afc4be rgb(175,196,190)
```
#afc4c0
```
#afc4c0 rgb(175,196,192)
```
#afc4c1
```
#afc4c1 rgb(175,196,193)
```

Similar Colors

Text with hexadecimal color #afc4bc

This text has a font color of #afc4bc.

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

#afc4bc background color

This paragraph has a background color of #afc4bc.

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

#afc4bc border color

This element has a border color of #afc4bc.

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

CSS codes

.text {color:#afc4bc;}

.background {background-color:#afc4bc;}

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

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

#080a09
```
#080a09 rgb(8,10,9)
```
#101613
```
#101613 rgb(16,22,19)
```
#18211e
```
#18211e rgb(24,33,30)
```
#212c28
```
#212c28 rgb(33,44,40)
```
#293732
```
#293732 rgb(41,55,50)
```
#31433c
```
#31433c rgb(49,67,60)
```
#3a4e46
```
#3a4e46 rgb(58,78,70)
```
#425950
```
#425950 rgb(66,89,80)
```
#4a655b
```
#4a655b rgb(74,101,91)
```
#537065
```
#537065 rgb(83,112,101)
```
#5b7b6f
```
#5b7b6f rgb(91,123,111)
```
#638679
```
#638679 rgb(99,134,121)
```
#6c9283
```
#6c9283 rgb(108,146,131)
```

Shade Color Variation

#779a8d
```
#779a8d rgb(119,154,141)
```
#82a396
```
#82a396 rgb(130,163,150)
```
#8daba0
```
#8daba0 rgb(141,171,160)
```
#98b3a9
```
#98b3a9 rgb(152,179,169)
```
#a4bcb3
```
#a4bcb3 rgb(164,188,179)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#baccc5
```
#baccc5 rgb(186,204,197)
```
#c6d5cf
```
#c6d5cf rgb(198,213,207)
```
#d1ddd8
```
#d1ddd8 rgb(209,221,216)
```
#dce5e2
```
#dce5e2 rgb(220,229,226)
```
#e7eeeb
```
#e7eeeb rgb(231,238,235)
```
#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, #b4bfbb is the less saturated color, while #74ffca is the most saturated one.

#b4bfbb
```
#b4bfbb rgb(180,191,187)
```
#afc4bc
```
#afc4bc rgb(175,196,188)
```
#aac9bd
```
#aac9bd rgb(170,201,189)
```
#a4cfbf
```
#a4cfbf rgb(164,207,191)
```
#9fd4c0
```
#9fd4c0 rgb(159,212,192)
```
#9ad9c1
```
#9ad9c1 rgb(154,217,193)
```
#94dfc2
```
#94dfc2 rgb(148,223,194)
```
#8fe4c4
```
#8fe4c4 rgb(143,228,196)
```
#8ae9c5
```
#8ae9c5 rgb(138,233,197)
```
#84efc6
```
#84efc6 rgb(132,239,198)
```
#7ff4c7
```
#7ff4c7 rgb(127,244,199)
```
#7af9c9
```
#7af9c9 rgb(122,249,201)
```
#74ffca
```
#74ffca rgb(116,255,202)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c1bc Protanopia 1% of men
#d4bcc2 Deuteranopia 1% of men
#b6c4d2 Tritanopia 0.001% of the population

Trichromacy

#bec2bc Protanomaly 1% of men, 0.01% of women
#c6bfc0 Deuteranomaly 6% of men, 0.4% of women
#b4c4ca Tritanomaly 0.01% of the population

#afc4bc hex color

#afc4bc Color Information

#afc4bc Color Conversion

Color Schemes with #afc4bc

Alternatives to #afc4bc

#afc4bc Preview

Shades and Tints of #afc4bc

Tones of #afc4bc

Color Blindness Simulator