colorhexa.com

#afe366 hex color

In a RGB color space, hex #afe366 is composed of 68.6% red, 89% green and 40% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 55.1% yellow and 11% black. It has a hue angle of 85 degrees, a saturation of 69.1% and a lightness of 64.5%. #afe366 color hex could be obtained by blending #ffffcc with #5fc700. Closest websafe color is: #99cc66.

- R 69
- G 89
- B 40
RGB color chart
- C 23
- M 0
- Y 55
- K 11
CMYK color chart

● #afe366 color description : Soft green.

The hexadecimal color #afe366 has RGB values of R:175, G:227, B:102 and CMYK values of C:0.23, M:0, Y:0.55, K:0.11. Its decimal value is 11527014.

Hex triplet	afe366	`#afe366`
RGB Decimal	175, 227, 102	`rgb(175,227,102)`
RGB Percent	68.6, 89, 40	`rgb(68.6%,89%,40%)`
CMYK	23, 0, 55, 11
HSL	85°, 69.1, 64.5	`hsl(85,69.1%,64.5%)`
HSV (or HSB)	85°, 55.1, 89
Web Safe	99cc66	`#99cc66`

CIE-LAB	84.489, -36.231, 54.818
XYZ	47.545, 65.01, 22.613
xyY	0.352, 0.481, 65.01
CIE-LCH	84.489, 65.709, 123.462
CIE-LUV	84.489, -25.754, 74.887
Hunter-Lab	80.629, -35.843, 39.812
Binary	10101111, 11100011, 01100110

#afe366
```
#afe366 rgb(175,227,102)
```
#9a66e3
```
#9a66e3 rgb(154,102,227)
```

Complementary Color

#e3d966
```
#e3d966 rgb(227,217,102)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#71e366
```
#71e366 rgb(113,227,102)
```

Analogous Color

#d966e3
```
#d966e3 rgb(217,102,227)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#6671e3
```
#6671e3 rgb(102,113,227)
```

Split Complementary Color

#e366af
```
#e366af rgb(227,102,175)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#66afe3
```
#66afe3 rgb(102,175,227)
```

Triadic Color

#e39a66
```
#e39a66 rgb(227,154,102)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#66afe3
```
#66afe3 rgb(102,175,227)
```
#9a66e3
```
#9a66e3 rgb(154,102,227)
```

Tetradic Color

#8dd527
```
#8dd527 rgb(141,213,39)
```
#98db3b
```
#98db3b rgb(152,219,59)
```
#a4df50
```
#a4df50 rgb(164,223,80)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#bae77c
```
#bae77c rgb(186,231,124)
```
#c6eb91
```
#c6eb91 rgb(198,235,145)
```
#d1efa7
```
#d1efa7 rgb(209,239,167)
```

Monochromatic Color

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

#cee366
```
#cee366 rgb(206,227,102)
```
#c4e366
```
#c4e366 rgb(196,227,102)
```
#b9e366
```
#b9e366 rgb(185,227,102)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#a5e366
```
#a5e366 rgb(165,227,102)
```
#9ae366
```
#9ae366 rgb(154,227,102)
```
#90e366
```
#90e366 rgb(144,227,102)
```

Similar Colors

Text with hexadecimal color #afe366

This text has a font color of #afe366.

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

#afe366 background color

This paragraph has a background color of #afe366.

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

#afe366 border color

This element has a border color of #afe366.

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

CSS codes

.text {color:#afe366;}

.background {background-color:#afe366;}

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

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, #080d02 is the darkest color, while #fdfefb is the lightest one.

#080d02
```
#080d02 rgb(8,13,2)
```
#131d05
```
#131d05 rgb(19,29,5)
```
#1e2e08
```
#1e2e08 rgb(30,46,8)
```
#293f0b
```
#293f0b rgb(41,63,11)
```
#344f0e
```
#344f0e rgb(52,79,14)
```
#3f6012
```
#3f6012 rgb(63,96,18)
```
#4a7015
```
#4a7015 rgb(74,112,21)
```
#558118
```
#558118 rgb(85,129,24)
```
#60911b
```
#60911b rgb(96,145,27)
```
#6ba21e
```
#6ba21e rgb(107,162,30)
```
#76b321
```
#76b321 rgb(118,179,33)
```
#81c324
```
#81c324 rgb(129,195,36)
```
#8cd427
```
#8cd427 rgb(140,212,39)
```

Shade Color Variation

#95da34
```
#95da34 rgb(149,218,52)
```
#9edd45
```
#9edd45 rgb(158,221,69)
```
#a6e055
```
#a6e055 rgb(166,224,85)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#b8e677
```
#b8e677 rgb(184,230,119)
```
#c0e987
```
#c0e987 rgb(192,233,135)
```
#c9ec98
```
#c9ec98 rgb(201,236,152)
```
#d2efa8
```
#d2efa8 rgb(210,239,168)
```
#daf2b9
```
#daf2b9 rgb(218,242,185)
```
#e3f5c9
```
#e3f5c9 rgb(227,245,201)
```
#ecf8da
```
#ecf8da rgb(236,248,218)
```
#f4fbeb
```
#f4fbeb rgb(244,251,235)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#a6ab9e
```
#a6ab9e rgb(166,171,158)
```
#a7b297
```
#a7b297 rgb(167,178,151)
```
#a8b990
```
#a8b990 rgb(168,185,144)
```
#a9c089
```
#a9c089 rgb(169,192,137)
```
#aac782
```
#aac782 rgb(170,199,130)
```
#abce7b
```
#abce7b rgb(171,206,123)
```
#add574
```
#add574 rgb(173,213,116)
```
#aedc6d
```
#aedc6d rgb(174,220,109)
```
#afe366
```
#afe366 rgb(175,227,102)
```
#b0ea5f
```
#b0ea5f rgb(176,234,95)
```
#b1f158
```
#b1f158 rgb(177,241,88)
```
#b3f851
```
#b3f851 rgb(179,248,81)
```
#b4ff4a
```
#b4ff4a rgb(180,255,74)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1cbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd569 Protanopia 1% of men
#ffcc84 Deuteranopia 1% of men
#c5d7e6 Tritanopia 0.001% of the population

Trichromacy

#d5da68 Protanomaly 1% of men, 0.01% of women
#e1d479 Deuteranomaly 6% of men, 0.4% of women
#bddbb8 Tritanomaly 0.01% of the population