#afd66b hex color

In a RGB color space, hex #afd66b is composed of 68.6% red, 83.9% green and 42% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 50% yellow and 16.1% black. It has a hue angle of 81.9 degrees, a saturation of 56.6% and a lightness of 62.9%. #afd66b color hex could be obtained by blending #ffffd6 with #5fad00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 84
- B 42
RGB color chart
- C 18
- M 0
- Y 50
- K 16
CMYK color chart

● #afd66b color description : Moderate green.

The hexadecimal color #afd66b has RGB values of R:175, G:214, B:107 and CMYK values of C:0.18, M:0, Y:0.5, K:0.16. Its decimal value is 11523691.

Hex triplet	afd66b	`#afd66b`
RGB Decimal	175, 214, 107	`rgb(175,214,107)`
RGB Percent	68.6, 83.9, 42	`rgb(68.6%,83.9%,42%)`
CMYK	18, 0, 50, 16
HSL	81.9°, 56.6, 62.9	`hsl(81.9,56.6%,62.9%)`
HSV (or HSB)	81.9°, 50, 83.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.888, -29.723, 48.251
XYZ	44.379, 58.268, 22.818
xyY	0.354, 0.464, 58.268
CIE-LCH	80.888, 56.671, 121.633
CIE-LUV	80.888, -18.886, 66.312
Hunter-Lab	76.333, -29.807, 35.71
Binary	10101111, 11010110, 01101011

#afd66b
```
#afd66b rgb(175,214,107)
```
#926bd6
```
#926bd6 rgb(146,107,214)
```

Complementary Color

#d6c86b
```
#d6c86b rgb(214,200,107)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#7ad66b
```
#7ad66b rgb(122,214,107)
```

Analogous Color

#c86bd6
```
#c86bd6 rgb(200,107,214)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#6b7ad6
```
#6b7ad6 rgb(107,122,214)
```

Split Complementary Color

#d66baf
```
#d66baf rgb(214,107,175)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#6bafd6
```
#6bafd6 rgb(107,175,214)
```

Triadic Color

#d6926b
```
#d6926b rgb(214,146,107)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#6bafd6
```
#6bafd6 rgb(107,175,214)
```
#926bd6
```
#926bd6 rgb(146,107,214)
```

Tetradic Color

#8dbf35
```
#8dbf35 rgb(141,191,53)
```
#99cb43
```
#99cb43 rgb(153,203,67)
```
#a4d057
```
#a4d057 rgb(164,208,87)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#badc7f
```
#badc7f rgb(186,220,127)
```
#c5e193
```
#c5e193 rgb(197,225,147)
```
#cfe7a7
```
#cfe7a7 rgb(207,231,167)
```

Monochromatic Color

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

#cad66b
```
#cad66b rgb(202,214,107)
```
#c1d66b
```
#c1d66b rgb(193,214,107)
```
#b8d66b
```
#b8d66b rgb(184,214,107)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#a6d66b
```
#a6d66b rgb(166,214,107)
```
#9dd66b
```
#9dd66b rgb(157,214,107)
```
#94d66b
```
#94d66b rgb(148,214,107)
```

Similar Colors

Text with hexadecimal color #afd66b

This text has a font color of #afd66b.

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

#afd66b background color

This paragraph has a background color of #afd66b.

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

#afd66b border color

This element has a border color of #afd66b.

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

CSS codes

.text {color:#afd66b;}

.background {background-color:#afd66b;}

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

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

#040602
```
#040602 rgb(4,6,2)
```
#0f1506
```
#0f1506 rgb(15,21,6)
```
#1b240a
```
#1b240a rgb(27,36,10)
```
#26340e
```
#26340e rgb(38,52,14)
```
#314313
```
#314313 rgb(49,67,19)
```
#3d5217
```
#3d5217 rgb(61,82,23)
```
#48621b
```
#48621b rgb(72,98,27)
```
#53711f
```
#53711f rgb(83,113,31)
```
#5f8024
```
#5f8024 rgb(95,128,36)
```
#6a9028
```
#6a9028 rgb(106,144,40)
```
#759f2c
```
#759f2c rgb(117,159,44)
```
#81af30
```
#81af30 rgb(129,175,48)
```
#8cbe35
```
#8cbe35 rgb(140,190,53)
```

Shade Color Variation

#96c93d
```
#96c93d rgb(150,201,61)
```
#9ecd4c
```
#9ecd4c rgb(158,205,76)
```
#a7d25c
```
#a7d25c rgb(167,210,92)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#b7da7a
```
#b7da7a rgb(183,218,122)
```
#c0df8a
```
#c0df8a rgb(192,223,138)
```
#c8e399
```
#c8e399 rgb(200,227,153)
```
#d0e7a8
```
#d0e7a8 rgb(208,231,168)
```
#d9ebb8
```
#d9ebb8 rgb(217,235,184)
```
#e1f0c7
```
#e1f0c7 rgb(225,240,199)
```
#e9f4d7
```
#e9f4d7 rgb(233,244,215)
```
#f1f8e6
```
#f1f8e6 rgb(241,248,230)
```
#fafcf5
```
#fafcf5 rgb(250,252,245)
```

Tint Color Variation

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

#a1a39e
```
#a1a39e rgb(161,163,158)
```
#a3aa97
```
#a3aa97 rgb(163,170,151)
```
#a5b28f
```
#a5b28f rgb(165,178,143)
```
#a7b988
```
#a7b988 rgb(167,185,136)
```
#a9c081
```
#a9c081 rgb(169,192,129)
```
#abc77a
```
#abc77a rgb(171,199,122)
```
#adcf72
```
#adcf72 rgb(173,207,114)
```
#afd66b
```
#afd66b rgb(175,214,107)
```
#b1dd64
```
#b1dd64 rgb(177,221,100)
```
#b3e55c
```
#b3e55c rgb(179,229,92)
```
#b5ec55
```
#b5ec55 rgb(181,236,85)
```
#b7f34e
```
#b7f34e rgb(183,243,78)
```
#b9fa47
```
#b9fa47 rgb(185,250,71)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbc3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb6e Protanopia 1% of men
#f6c279 Deuteranopia 1% of men
#c2ccdb Tritanopia 0.001% of the population

Trichromacy

#cecf6d Protanomaly 1% of men, 0.01% of women
#dcc974 Deuteranomaly 6% of men, 0.4% of women
#bbcfb2 Tritanomaly 0.01% of the population

#afd66b hex color

#afd66b Color Information

#afd66b Color Conversion

Color Schemes with #afd66b

Alternatives to #afd66b

#afd66b Preview

Shades and Tints of #afd66b

Tones of #afd66b

Color Blindness Simulator