#afde1e hex color

In a RGB color space, hex #afde1e is composed of 68.6% red, 87.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 86.5% yellow and 12.9% black. It has a hue angle of 74.7 degrees, a saturation of 76.2% and a lightness of 49.4%. #afde1e color hex could be obtained by blending #ffff3c with #5fbd00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 87
- B 12
RGB color chart
- C 21
- M 0
- Y 86
- K 13
CMYK color chart

● #afde1e color description : Vivid yellow.

The hexadecimal color #afde1e has RGB values of R:175, G:222, B:30 and CMYK values of C:0.21, M:0, Y:0.86, K:0.13. Its decimal value is 11525662.

Hex triplet	afde1e	`#afde1e`
RGB Decimal	175, 222, 30	`rgb(175,222,30)`
RGB Percent	68.6, 87.1, 11.8	`rgb(68.6%,87.1%,11.8%)`
CMYK	21, 0, 86, 13
HSL	74.7°, 76.2, 49.4	`hsl(74.7,76.2%,49.4%)`
HSV (or HSB)	74.7°, 86.5, 87.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.62, -38.196, 77.542
XYZ	44.034, 61.45, 10.769
xyY	0.379, 0.529, 61.45
CIE-LCH	82.62, 86.439, 116.224
CIE-LUV	82.62, -22.947, 92.123
Hunter-Lab	78.39, -36.912, 46.727
Binary	10101111, 11011110, 00011110

#afde1e
```
#afde1e rgb(175,222,30)
```
#4d1ede
```
#4d1ede rgb(77,30,222)
```

Complementary Color

#dead1e
```
#dead1e rgb(222,173,30)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#4fde1e
```
#4fde1e rgb(79,222,30)
```

Analogous Color

#ad1ede
```
#ad1ede rgb(173,30,222)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#1e4fde
```
#1e4fde rgb(30,79,222)
```

Split Complementary Color

#de1eaf
```
#de1eaf rgb(222,30,175)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#1eafde
```
#1eafde rgb(30,175,222)
```

Triadic Color

#de4d1e
```
#de4d1e rgb(222,77,30)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#1eafde
```
#1eafde rgb(30,175,222)
```
#4d1ede
```
#4d1ede rgb(77,30,222)
```

Tetradic Color

#7a9b15
```
#7a9b15 rgb(122,155,21)
```
#8cb118
```
#8cb118 rgb(140,177,24)
```
#9dc81b
```
#9dc81b rgb(157,200,27)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#b8e332
```
#b8e332 rgb(184,227,50)
```
#c0e649
```
#c0e649 rgb(192,230,73)
```
#c8e95f
```
#c8e95f rgb(200,233,95)
```

Monochromatic Color

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

#dedd1e
```
#dedd1e rgb(222,221,30)
```
#cfde1e
```
#cfde1e rgb(207,222,30)
```
#bfde1e
```
#bfde1e rgb(191,222,30)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#9fde1e
```
#9fde1e rgb(159,222,30)
```
#8fde1e
```
#8fde1e rgb(143,222,30)
```
#7fde1e
```
#7fde1e rgb(127,222,30)
```

Similar Colors

Text with hexadecimal color #afde1e

This text has a font color of #afde1e.

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

#afde1e background color

This paragraph has a background color of #afde1e.

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

#afde1e border color

This element has a border color of #afde1e.

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

CSS codes

.text {color:#afde1e;}

.background {background-color:#afde1e;}

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

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, #0c0f02 is the darkest color, while #fefffc is the lightest one.

#0c0f02
```
#0c0f02 rgb(12,15,2)
```
#192004
```
#192004 rgb(25,32,4)
```
#273107
```
#273107 rgb(39,49,7)
```
#344209
```
#344209 rgb(52,66,9)
```
#42540b
```
#42540b rgb(66,84,11)
```
#50650e
```
#50650e rgb(80,101,14)
```
#5d7610
```
#5d7610 rgb(93,118,16)
```
#6b8812
```
#6b8812 rgb(107,136,18)
```
#799915
```
#799915 rgb(121,153,21)
```
#86aa17
```
#86aa17 rgb(134,170,23)
```
#94bb19
```
#94bb19 rgb(148,187,25)
```
#a1cd1c
```
#a1cd1c rgb(161,205,28)
```
#afde1e
```
#afde1e rgb(175,222,30)
```

Shade Color Variation

#b6e32d
```
#b6e32d rgb(182,227,45)
```
#bce53e
```
#bce53e rgb(188,229,62)
```
#c2e750
```
#c2e750 rgb(194,231,80)
```
#c8ea61
```
#c8ea61 rgb(200,234,97)
```
#ceec72
```
#ceec72 rgb(206,236,114)
```
#d4ee83
```
#d4ee83 rgb(212,238,131)
```
#daf195
```
#daf195 rgb(218,241,149)
```
#e0f3a6
```
#e0f3a6 rgb(224,243,166)
```
#e6f5b7
```
#e6f5b7 rgb(230,245,183)
```
#ecf8c9
```
#ecf8c9 rgb(236,248,201)
```
#f2fada
```
#f2fada rgb(242,250,218)
```
#f8fceb
```
#f8fceb rgb(248,252,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#828775
```
#828775 rgb(130,135,117)
```
#87906c
```
#87906c rgb(135,144,108)
```
#8c9a62
```
#8c9a62 rgb(140,154,98)
```
#91a458
```
#91a458 rgb(145,164,88)
```
#96ae4e
```
#96ae4e rgb(150,174,78)
```
#9bb745
```
#9bb745 rgb(155,183,69)
```
#a0c13b
```
#a0c13b rgb(160,193,59)
```
#a5cb31
```
#a5cb31 rgb(165,203,49)
```
#aad428
```
#aad428 rgb(170,212,40)
```
#afde1e
```
#afde1e rgb(175,222,30)
```
#b4e814
```
#b4e814 rgb(180,232,20)
```
#b9f10b
```
#b9f10b rgb(185,241,11)
```
#befb01
```
#befb01 rgb(190,251,1)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8c19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d025 Protanopia 1% of men
#ffc75b Deuteranopia 1% of men
#c7d0df Tritanopia 0.001% of the population

Trichromacy

#d4d522 Protanomaly 1% of men, 0.01% of women
#e1cf45 Deuteranomaly 6% of men, 0.4% of women
#bed599 Tritanomaly 0.01% of the population

#afde1e hex color

#afde1e Color Information

#afde1e Color Conversion

Color Schemes with #afde1e

Alternatives to #afde1e

#afde1e Preview

Shades and Tints of #afde1e

Tones of #afde1e

Color Blindness Simulator