#afeb6f hex color

In a RGB color space, hex #afeb6f is composed of 68.6% red, 92.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 0% magenta, 52.8% yellow and 7.8% black. It has a hue angle of 89 degrees, a saturation of 75.6% and a lightness of 67.8%. #afeb6f color hex could be obtained by blending #ffffde with #5fd700. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 92
- B 44
RGB color chart
- C 26
- M 0
- Y 53
- K 8
CMYK color chart

● #afeb6f color description : Soft green.

The hexadecimal color #afeb6f has RGB values of R:175, G:235, B:111 and CMYK values of C:0.26, M:0, Y:0.53, K:0.08. Its decimal value is 11529071.

Hex triplet	afeb6f	`#afeb6f`
RGB Decimal	175, 235, 111	`rgb(175,235,111)`
RGB Percent	68.6, 92.2, 43.5	`rgb(68.6%,92.2%,43.5%)`
CMYK	26, 0, 53, 8
HSL	89°, 75.6, 67.8	`hsl(89,75.6%,67.8%)`
HSV (or HSB)	89°, 52.8, 92.2
Web Safe	99ff66	`#99ff66`

CIE-LAB	86.838, -38.955, 53.484
XYZ	50.255, 69.677, 25.839
xyY	0.345, 0.478, 69.677
CIE-LCH	86.838, 66.166, 126.068
CIE-LUV	86.838, -29.865, 74.849
Hunter-Lab	83.473, -38.61, 40.077
Binary	10101111, 11101011, 01101111

#afeb6f
```
#afeb6f rgb(175,235,111)
```
#ab6feb
```
#ab6feb rgb(171,111,235)
```

Complementary Color

#ebe96f
```
#ebe96f rgb(235,233,111)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#71eb6f
```
#71eb6f rgb(113,235,111)
```

Analogous Color

#e96feb
```
#e96feb rgb(233,111,235)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#6f71eb
```
#6f71eb rgb(111,113,235)
```

Split Complementary Color

#eb6faf
```
#eb6faf rgb(235,111,175)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#6fafeb
```
#6fafeb rgb(111,175,235)
```

Triadic Color

#ebab6f
```
#ebab6f rgb(235,171,111)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#6fafeb
```
#6fafeb rgb(111,175,235)
```
#ab6feb
```
#ab6feb rgb(171,111,235)
```

Tetradic Color

#8ae22c
```
#8ae22c rgb(138,226,44)
```
#96e542
```
#96e542 rgb(150,229,66)
```
#a3e859
```
#a3e859 rgb(163,232,89)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#bbee85
```
#bbee85 rgb(187,238,133)
```
#c8f19c
```
#c8f19c rgb(200,241,156)
```
#d4f4b2
```
#d4f4b2 rgb(212,244,178)
```

Monochromatic Color

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

#ceeb6f
```
#ceeb6f rgb(206,235,111)
```
#c4eb6f
```
#c4eb6f rgb(196,235,111)
```
#b9eb6f
```
#b9eb6f rgb(185,235,111)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#a5eb6f
```
#a5eb6f rgb(165,235,111)
```
#9aeb6f
```
#9aeb6f rgb(154,235,111)
```
#90eb6f
```
#90eb6f rgb(144,235,111)
```

Similar Colors

Text with hexadecimal color #afeb6f

This text has a font color of #afeb6f.

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

#afeb6f background color

This paragraph has a background color of #afeb6f.

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

#afeb6f border color

This element has a border color of #afeb6f.

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

CSS codes

.text {color:#afeb6f;}

.background {background-color:#afeb6f;}

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

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, #060b02 is the darkest color, while #fcfef9 is the lightest one.

#060b02
```
#060b02 rgb(6,11,2)
```
#101c04
```
#101c04 rgb(16,28,4)
```
#1b2d06
```
#1b2d06 rgb(27,45,6)
```
#253f09
```
#253f09 rgb(37,63,9)
```
#2f500b
```
#2f500b rgb(47,80,11)
```
#39610d
```
#39610d rgb(57,97,13)
```
#437210
```
#437210 rgb(67,114,16)
```
#4d8412
```
#4d8412 rgb(77,132,18)
```
#579515
```
#579515 rgb(87,149,21)
```
#61a617
```
#61a617 rgb(97,166,23)
```
#6bb719
```
#6bb719 rgb(107,183,25)
```
#75c81c
```
#75c81c rgb(117,200,28)
```
#7fda1e
```
#7fda1e rgb(127,218,30)
```

Shade Color Variation

#89e12a
```
#89e12a rgb(137,225,42)
```
#92e43b
```
#92e43b rgb(146,228,59)
```
#9ce64d
```
#9ce64d rgb(156,230,77)
```
#a5e95e
```
#a5e95e rgb(165,233,94)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#b9ed80
```
#b9ed80 rgb(185,237,128)
```
#c2f091
```
#c2f091 rgb(194,240,145)
```
#ccf2a3
```
#ccf2a3 rgb(204,242,163)
```
#d5f5b4
```
#d5f5b4 rgb(213,245,180)
```
#dff7c5
```
#dff7c5 rgb(223,247,197)
```
#e8f9d6
```
#e8f9d6 rgb(232,249,214)
```
#f2fce8
```
#f2fce8 rgb(242,252,232)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#adb2a8
```
#adb2a8 rgb(173,178,168)
```
#adb9a1
```
#adb9a1 rgb(173,185,161)
```
#aebf9b
```
#aebf9b rgb(174,191,155)
```
#aec595
```
#aec595 rgb(174,197,149)
```
#aecb8f
```
#aecb8f rgb(174,203,143)
```
#aed288
```
#aed288 rgb(174,210,136)
```
#aed882
```
#aed882 rgb(174,216,130)
```
#afde7c
```
#afde7c rgb(175,222,124)
```
#afe575
```
#afe575 rgb(175,229,117)
```
#afeb6f
```
#afeb6f rgb(175,235,111)
```
#aff169
```
#aff169 rgb(175,241,105)
```
#aff862
```
#aff862 rgb(175,248,98)
```
#b0fe5c
```
#b0fe5c rgb(176,254,92)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5d1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db71 Protanopia 1% of men
#ffd49e Deuteranopia 1% of men
#c6deee Tritanopia 0.001% of the population

Trichromacy

#d9e170 Protanomaly 1% of men, 0.01% of women
#e1dc8d Deuteranomaly 6% of men, 0.4% of women
#bee3c0 Tritanomaly 0.01% of the population

#afeb6f hex color

#afeb6f Color Information

#afeb6f Color Conversion

Color Schemes with #afeb6f

Alternatives to #afeb6f

#afeb6f Preview

Shades and Tints of #afeb6f

Tones of #afeb6f

Color Blindness Simulator