#afd669 hex color

In a RGB color space, hex #afd669 is composed of 68.6% red, 83.9% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 50.9% yellow and 16.1% black. It has a hue angle of 81.5 degrees, a saturation of 57.1% and a lightness of 62.5%. #afd669 color hex could be obtained by blending #ffffd2 with #5fad00. Closest websafe color is: #99cc66.

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

● #afd669 color description : Moderate green.

The hexadecimal color #afd669 has RGB values of R:175, G:214, B:105 and CMYK values of C:0.18, M:0, Y:0.51, K:0.16. Its decimal value is 11523689.

Hex triplet	afd669	`#afd669`
RGB Decimal	175, 214, 105	`rgb(175,214,105)`
RGB Percent	68.6, 83.9, 41.2	`rgb(68.6%,83.9%,41.2%)`
CMYK	18, 0, 51, 16
HSL	81.5°, 57.1, 62.5	`hsl(81.5,57.1%,62.5%)`
HSV (or HSB)	81.5°, 50.9, 83.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.864, -29.927, 49.17
XYZ	44.275, 58.226, 22.27
xyY	0.355, 0.467, 58.226
CIE-LCH	80.864, 57.561, 121.326
CIE-LUV	80.864, -18.869, 67.239
Hunter-Lab	76.306, -29.966, 36.11
Binary	10101111, 11010110, 01101001

#afd669
```
#afd669 rgb(175,214,105)
```
#9069d6
```
#9069d6 rgb(144,105,214)
```

Complementary Color

#d6c769
```
#d6c769 rgb(214,199,105)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#79d669
```
#79d669 rgb(121,214,105)
```

Analogous Color

#c769d6
```
#c769d6 rgb(199,105,214)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#6979d6
```
#6979d6 rgb(105,121,214)
```

Split Complementary Color

#d669af
```
#d669af rgb(214,105,175)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#69afd6
```
#69afd6 rgb(105,175,214)
```

Triadic Color

#d69069
```
#d69069 rgb(214,144,105)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#69afd6
```
#69afd6 rgb(105,175,214)
```
#9069d6
```
#9069d6 rgb(144,105,214)
```

Tetradic Color

#8dbe34
```
#8dbe34 rgb(141,190,52)
```
#9acb41
```
#9acb41 rgb(154,203,65)
```
#a4d155
```
#a4d155 rgb(164,209,85)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#badb7d
```
#badb7d rgb(186,219,125)
```
#c4e191
```
#c4e191 rgb(196,225,145)
```
#cfe6a5
```
#cfe6a5 rgb(207,230,165)
```

Monochromatic Color

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

#cad669
```
#cad669 rgb(202,214,105)
```
#c1d669
```
#c1d669 rgb(193,214,105)
```
#b8d669
```
#b8d669 rgb(184,214,105)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#a6d669
```
#a6d669 rgb(166,214,105)
```
#9dd669
```
#9dd669 rgb(157,214,105)
```
#94d669
```
#94d669 rgb(148,214,105)
```

Similar Colors

Text with hexadecimal color #afd669

This text has a font color of #afd669.

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

#afd669 background color

This paragraph has a background color of #afd669.

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

#afd669 border color

This element has a border color of #afd669.

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

CSS codes

.text {color:#afd669;}

.background {background-color:#afd669;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0e1305
```
#0e1305 rgb(14,19,5)
```
#1a230a
```
#1a230a rgb(26,35,10)
```
#25320e
```
#25320e rgb(37,50,14)
```
#314212
```
#314212 rgb(49,66,18)
```
#3c5116
```
#3c5116 rgb(60,81,22)
```
#47601a
```
#47601a rgb(71,96,26)
```
#53701f
```
#53701f rgb(83,112,31)
```
#5e7f23
```
#5e7f23 rgb(94,127,35)
```
#6a8f27
```
#6a8f27 rgb(106,143,39)
```
#759e2b
```
#759e2b rgb(117,158,43)
```
#80ad2f
```
#80ad2f rgb(128,173,47)
```
#8cbd34
```
#8cbd34 rgb(140,189,52)
```

Shade Color Variation

#96c93b
```
#96c93b rgb(150,201,59)
```
#9fce4a
```
#9fce4a rgb(159,206,74)
```
#a7d25a
```
#a7d25a rgb(167,210,90)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#b7da78
```
#b7da78 rgb(183,218,120)
```
#bfde88
```
#bfde88 rgb(191,222,136)
```
#c8e397
```
#c8e397 rgb(200,227,151)
```
#d0e7a7
```
#d0e7a7 rgb(208,231,167)
```
#d8ebb6
```
#d8ebb6 rgb(216,235,182)
```
#e0efc5
```
#e0efc5 rgb(224,239,197)
```
#e9f3d5
```
#e9f3d5 rgb(233,243,213)
```
#f1f8e4
```
#f1f8e4 rgb(241,248,228)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

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

#a0a39c
```
#a0a39c rgb(160,163,156)
```
#a2aa95
```
#a2aa95 rgb(162,170,149)
```
#a5b18e
```
#a5b18e rgb(165,177,142)
```
#a7b986
```
#a7b986 rgb(167,185,134)
```
#a9c07f
```
#a9c07f rgb(169,192,127)
```
#abc778
```
#abc778 rgb(171,199,120)
```
#adcf70
```
#adcf70 rgb(173,207,112)
```
#afd669
```
#afd669 rgb(175,214,105)
```
#b1dd62
```
#b1dd62 rgb(177,221,98)
```
#b3e55a
```
#b3e55a rgb(179,229,90)
```
#b5ec53
```
#b5ec53 rgb(181,236,83)
```
#b7f34c
```
#b7f34c rgb(183,243,76)
```
#b9fb44
```
#b9fb44 rgb(185,251,68)
```

Tone Color Variation

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

#dfcb6c Protanopia 1% of men
#f6c278 Deuteranopia 1% of men
#c3ccda Tritanopia 0.001% of the population

Trichromacy

#cecf6b Protanomaly 1% of men, 0.01% of women
#dcc972 Deuteranomaly 6% of men, 0.4% of women
#bbcfb1 Tritanomaly 0.01% of the population

#afd669 hex color

#afd669 Color Information

#afd669 Color Conversion

Color Schemes with #afd669

Alternatives to #afd669

#afd669 Preview

Shades and Tints of #afd669

Tones of #afd669

Color Blindness Simulator