#afc7bd hex color

In a RGB color space, hex #afc7bd is composed of 68.6% red, 78% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 0% magenta, 5% yellow and 22% black. It has a hue angle of 155 degrees, a saturation of 17.6% and a lightness of 73.3%. #afc7bd color hex could be obtained by blending #ffffff with #5f8f7b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 78
- B 74
RGB color chart
- C 12
- M 0
- Y 5
- K 22
CMYK color chart

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

The hexadecimal color #afc7bd has RGB values of R:175, G:199, B:189 and CMYK values of C:0.12, M:0, Y:0.05, K:0.22. Its decimal value is 11519933.

Hex triplet	afc7bd	`#afc7bd`
RGB Decimal	175, 199, 189	`rgb(175,199,189)`
RGB Percent	68.6, 78, 74.1	`rgb(68.6%,78%,74.1%)`
CMYK	12, 0, 5, 22
HSL	155°, 17.6, 73.3	`hsl(155,17.6%,73.3%)`
HSV (or HSB)	155°, 12.1, 78
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.248, -10.053, 2.253
XYZ	47.286, 53.634, 56.002
xyY	0.301, 0.342, 53.634
CIE-LCH	78.248, 10.303, 167.366
CIE-LUV	78.248, -12.583, 5.083
Hunter-Lab	73.235, -12.91, 5.926
Binary	10101111, 11000111, 10111101

#afc7bd
```
#afc7bd rgb(175,199,189)
```
#c7afb9
```
#c7afb9 rgb(199,175,185)
```

Complementary Color

#afc7b1
```
#afc7b1 rgb(175,199,177)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#afc5c7
```
#afc5c7 rgb(175,197,199)
```

Analogous Color

#c7b1af
```
#c7b1af rgb(199,177,175)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#c7afc5
```
#c7afc5 rgb(199,175,197)
```

Split Complementary Color

#c7bdaf
```
#c7bdaf rgb(199,189,175)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#bdafc7
```
#bdafc7 rgb(189,175,199)
```

Triadic Color

#b9c7af
```
#b9c7af rgb(185,199,175)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#bdafc7
```
#bdafc7 rgb(189,175,199)
```
#c7afb9
```
#c7afb9 rgb(199,175,185)
```

Tetradic Color

#82a898
```
#82a898 rgb(130,168,152)
```
#91b2a4
```
#91b2a4 rgb(145,178,164)
```
#a0bdb1
```
#a0bdb1 rgb(160,189,177)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#bed2c9
```
#bed2c9 rgb(190,210,201)
```
#cddcd6
```
#cddcd6 rgb(205,220,214)
```
#dce7e2
```
#dce7e2 rgb(220,231,226)
```

Monochromatic Color

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

#afc7b7
```
#afc7b7 rgb(175,199,183)
```
#afc7b9
```
#afc7b9 rgb(175,199,185)
```
#afc7bb
```
#afc7bb rgb(175,199,187)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#afc7bf
```
#afc7bf rgb(175,199,191)
```
#afc7c1
```
#afc7c1 rgb(175,199,193)
```
#afc7c3
```
#afc7c3 rgb(175,199,195)
```

Similar Colors

Text with hexadecimal color #afc7bd

This text has a font color of #afc7bd.

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

#afc7bd background color

This paragraph has a background color of #afc7bd.

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

#afc7bd border color

This element has a border color of #afc7bd.

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

CSS codes

.text {color:#afc7bd;}

.background {background-color:#afc7bd;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#111815
```
#111815 rgb(17,24,21)
```
#19231f
```
#19231f rgb(25,35,31)
```
#212f29
```
#212f29 rgb(33,47,41)
```
#293a33
```
#293a33 rgb(41,58,51)
```
#31463d
```
#31463d rgb(49,70,61)
```
#395247
```
#395247 rgb(57,82,71)
```
#415d51
```
#415d51 rgb(65,93,81)
```
#49695c
```
#49695c rgb(73,105,92)
```
#517466
```
#517466 rgb(81,116,102)
```
#598070
```
#598070 rgb(89,128,112)
```
#618b7a
```
#618b7a rgb(97,139,122)
```

Shade Color Variation

#6a9784
```
#6a9784 rgb(106,151,132)
```
#759f8d
```
#759f8d rgb(117,159,141)
```
#81a797
```
#81a797 rgb(129,167,151)
```
#8cafa0
```
#8cafa0 rgb(140,175,160)
```
#98b7aa
```
#98b7aa rgb(152,183,170)
```
#a3bfb3
```
#a3bfb3 rgb(163,191,179)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#bbcfc7
```
#bbcfc7 rgb(187,207,199)
```
#c6d7d0
```
#c6d7d0 rgb(198,215,208)
```
#d2dfda
```
#d2dfda rgb(210,223,218)
```
#dde7e3
```
#dde7e3 rgb(221,231,227)
```
#e9efed
```
#e9efed rgb(233,239,237)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```

Tint Color Variation

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

#b9bdbb
```
#b9bdbb rgb(185,189,187)
```
#b4c2bc
```
#b4c2bc rgb(180,194,188)
```
#afc7bd
```
#afc7bd rgb(175,199,189)
```
#aaccbe
```
#aaccbe rgb(170,204,190)
```
#a5d1bf
```
#a5d1bf rgb(165,209,191)
```
#9fd7c0
```
#9fd7c0 rgb(159,215,192)
```
#9adcc0
```
#9adcc0 rgb(154,220,192)
```
#95e1c1
```
#95e1c1 rgb(149,225,193)
```
#90e6c2
```
#90e6c2 rgb(144,230,194)
```
#8aecc3
```
#8aecc3 rgb(138,236,195)
```
#85f1c4
```
#85f1c4 rgb(133,241,196)
```
#80f6c5
```
#80f6c5 rgb(128,246,197)
```
#7bfbc6
```
#7bfbc6 rgb(123,251,198)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c3bd Protanopia 1% of men
#d6bec4 Deuteranopia 1% of men
#b7c6d4 Tritanopia 0.001% of the population

Trichromacy

#c0c5bd Protanomaly 1% of men, 0.01% of women
#c8c1c1 Deuteranomaly 6% of men, 0.4% of women
#b4c6cc Tritanomaly 0.01% of the population

#afc7bd hex color

#afc7bd Color Information

#afc7bd Color Conversion

Color Schemes with #afc7bd

Alternatives to #afc7bd

#afc7bd Preview

Shades and Tints of #afc7bd

Tones of #afc7bd

Color Blindness Simulator