colorhexa.com

#afbea1 hex color

In a RGB color space, hex #afbea1 is composed of 68.6% red, 74.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 15.3% yellow and 25.5% black. It has a hue angle of 91 degrees, a saturation of 18.2% and a lightness of 68.8%. #afbea1 color hex could be obtained by blending #ffffff with #5f7d43. Closest websafe color is: #99cc99.

- R 69
- G 75
- B 63
RGB color chart
- C 8
- M 0
- Y 15
- K 25
CMYK color chart

● #afbea1 color description : Grayish green.

The hexadecimal color #afbea1 has RGB values of R:175, G:190, B:161 and CMYK values of C:0.08, M:0, Y:0.15, K:0.25. Its decimal value is 11517601.

Hex triplet	afbea1	`#afbea1`
RGB Decimal	175, 190, 161	`rgb(175,190,161)`
RGB Percent	68.6, 74.5, 63.1	`rgb(68.6%,74.5%,63.1%)`
CMYK	8, 0, 15, 25
HSL	91°, 18.2, 68.8	`hsl(91,18.2%,68.8%)`
HSV (or HSB)	91°, 15.3, 74.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.148, -10.462, 12.916
XYZ	42.524, 48.514, 40.84
xyY	0.322, 0.368, 48.514
CIE-LCH	75.148, 16.622, 129.009
CIE-LUV	75.148, -7.14, 20.262
Hunter-Lab	69.652, -12.912, 13.992
Binary	10101111, 10111110, 10100001

#afbea1
```
#afbea1 rgb(175,190,161)
```
#b0a1be
```
#b0a1be rgb(176,161,190)
```

Complementary Color

#bebea1
```
#bebea1 rgb(190,190,161)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#a1bea2
```
#a1bea2 rgb(161,190,162)
```

Analogous Color

#bea1be
```
#bea1be rgb(190,161,190)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#a2a1be
```
#a2a1be rgb(162,161,190)
```

Split Complementary Color

#bea1af
```
#bea1af rgb(190,161,175)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#a1afbe
```
#a1afbe rgb(161,175,190)
```

Triadic Color

#beb0a1
```
#beb0a1 rgb(190,176,161)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#a1afbe
```
#a1afbe rgb(161,175,190)
```
#b0a1be
```
#b0a1be rgb(176,161,190)
```

Tetradic Color

#899f74
```
#899f74 rgb(137,159,116)
```
#95a983
```
#95a983 rgb(149,169,131)
```
#a2b492
```
#a2b492 rgb(162,180,146)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#bcc8b0
```
#bcc8b0 rgb(188,200,176)
```
#c9d3bf
```
#c9d3bf rgb(201,211,191)
```
#d5ddce
```
#d5ddce rgb(213,221,206)
```

Monochromatic Color

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

#b6bea1
```
#b6bea1 rgb(182,190,161)
```
#b4bea1
```
#b4bea1 rgb(180,190,161)
```
#b1bea1
```
#b1bea1 rgb(177,190,161)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#adbea1
```
#adbea1 rgb(173,190,161)
```
#aabea1
```
#aabea1 rgb(170,190,161)
```
#a8bea1
```
#a8bea1 rgb(168,190,161)
```

Similar Colors

Text with hexadecimal color #afbea1

This text has a font color of #afbea1.

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

#afbea1 background color

This paragraph has a background color of #afbea1.

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

#afbea1 border color

This element has a border color of #afbea1.

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

CSS codes

.text {color:#afbea1;}

.background {background-color:#afbea1;}

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

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

#090a07
```
#090a07 rgb(9,10,7)
```
#12160f
```
#12160f rgb(18,22,15)
```
#1c2217
```
#1c2217 rgb(28,34,23)
```
#262d1f
```
#262d1f rgb(38,45,31)
```
#303927
```
#303927 rgb(48,57,39)
```
#39442f
```
#39442f rgb(57,68,47)
```
#435037
```
#435037 rgb(67,80,55)
```
#4d5c3f
```
#4d5c3f rgb(77,92,63)
```
#576747
```
#576747 rgb(87,103,71)
```
#60734f
```
#60734f rgb(96,115,79)
```
#6a7e57
```
#6a7e57 rgb(106,126,87)
```
#748a5f
```
#748a5f rgb(116,138,95)
```
#7e9667
```
#7e9667 rgb(126,150,103)
```

Shade Color Variation

#889e73
```
#889e73 rgb(136,158,115)
```
#91a67e
```
#91a67e rgb(145,166,126)
```
#9bae8a
```
#9bae8a rgb(155,174,138)
```
#a5b695
```
#a5b695 rgb(165,182,149)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#b9c6ad
```
#b9c6ad rgb(185,198,173)
```
#c3ceb8
```
#c3ceb8 rgb(195,206,184)
```
#cdd6c4
```
#cdd6c4 rgb(205,214,196)
```
#d6decf
```
#d6decf rgb(214,222,207)
```
#e0e6db
```
#e0e6db rgb(224,230,219)
```
#eaeee7
```
#eaeee7 rgb(234,238,231)
```
#f4f6f2
```
#f4f6f2 rgb(244,246,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#afb2ad
```
#afb2ad rgb(175,178,173)
```
#afb8a7
```
#afb8a7 rgb(175,184,167)
```
#afbea1
```
#afbea1 rgb(175,190,161)
```
#afc49b
```
#afc49b rgb(175,196,155)
```
#afca95
```
#afca95 rgb(175,202,149)
```
#aed08f
```
#aed08f rgb(174,208,143)
```
#aed689
```
#aed689 rgb(174,214,137)
```
#aedd82
```
#aedd82 rgb(174,221,130)
```
#aee37c
```
#aee37c rgb(174,227,124)
```
#aee976
```
#aee976 rgb(174,233,118)
```
#adef70
```
#adef70 rgb(173,239,112)
```
#adf56a
```
#adf56a rgb(173,245,106)
```
#adfb64
```
#adfb64 rgb(173,251,100)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bca3 Protanopia 1% of men
#d5b6a9 Deuteranopia 1% of men
#b9bcc9 Tritanopia 0.001% of the population

Trichromacy

#bdbca2 Protanomaly 1% of men, 0.01% of women
#c7b9a6 Deuteranomaly 6% of men, 0.4% of women
#b5bcba Tritanomaly 0.01% of the population