#afde0e hex color

In a RGB color space, hex #afde0e is composed of 68.6% red, 87.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 93.7% yellow and 12.9% black. It has a hue angle of 73.6 degrees, a saturation of 88.1% and a lightness of 46.3%. #afde0e color hex could be obtained by blending #ffff1c with #5fbd00. Closest websafe color is: #99cc00.

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

● #afde0e color description : Vivid yellow.

The hexadecimal color #afde0e has RGB values of R:175, G:222, B:14 and CMYK values of C:0.21, M:0, Y:0.94, K:0.13. Its decimal value is 11525646.

Hex triplet	afde0e	`#afde0e`
RGB Decimal	175, 222, 14	`rgb(175,222,14)`
RGB Percent	68.6, 87.1, 5.5	`rgb(68.6%,87.1%,5.5%)`
CMYK	21, 0, 94, 13
HSL	73.6°, 88.1, 46.3	`hsl(73.6,88.1%,46.3%)`
HSV (or HSB)	73.6°, 93.7, 87.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.587, -38.507, 79.884
XYZ	43.879, 61.388, 9.953
xyY	0.381, 0.533, 61.388
CIE-LCH	82.587, 88.681, 115.736
CIE-LUV	82.587, -22.934, 93.598
Hunter-Lab	78.35, -37.146, 47.314
Binary	10101111, 11011110, 00001110

#afde0e
```
#afde0e rgb(175,222,14)
```
#3d0ede
```
#3d0ede rgb(61,14,222)
```

Complementary Color

#dea50e
```
#dea50e rgb(222,165,14)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#47de0e
```
#47de0e rgb(71,222,14)
```

Analogous Color

#a50ede
```
#a50ede rgb(165,14,222)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#0e47de
```
#0e47de rgb(14,71,222)
```

Split Complementary Color

#de0eaf
```
#de0eaf rgb(222,14,175)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#0eafde
```
#0eafde rgb(14,175,222)
```

Triadic Color

#de3d0e
```
#de3d0e rgb(222,61,14)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#0eafde
```
#0eafde rgb(14,175,222)
```
#3d0ede
```
#3d0ede rgb(61,14,222)
```

Tetradic Color

#769609
```
#769609 rgb(118,150,9)
```
#89ae0b
```
#89ae0b rgb(137,174,11)
```
#9cc60c
```
#9cc60c rgb(156,198,12)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#bff015
```
#bff015 rgb(191,240,21)
```
#c5f22d
```
#c5f22d rgb(197,242,45)
```
#ccf345
```
#ccf345 rgb(204,243,69)
```

Monochromatic Color

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

#ded90e
```
#ded90e rgb(222,217,14)
```
#d2de0e
```
#d2de0e rgb(210,222,14)
```
#c0de0e
```
#c0de0e rgb(192,222,14)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#9ede0e
```
#9ede0e rgb(158,222,14)
```
#8cde0e
```
#8cde0e rgb(140,222,14)
```
#7bde0e
```
#7bde0e rgb(123,222,14)
```

Similar Colors

Text with hexadecimal color #afde0e

This text has a font color of #afde0e.

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

#afde0e background color

This paragraph has a background color of #afde0e.

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

#afde0e border color

This element has a border color of #afde0e.

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

CSS codes

.text {color:#afde0e;}

.background {background-color:#afde0e;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0f1301
```
#0f1301 rgb(15,19,1)
```
#1e2502
```
#1e2502 rgb(30,37,2)
```
#2c3804
```
#2c3804 rgb(44,56,4)
```
#3b4a05
```
#3b4a05 rgb(59,74,5)
```
#495d06
```
#495d06 rgb(73,93,6)
```
#586f07
```
#586f07 rgb(88,111,7)
```
#668208
```
#668208 rgb(102,130,8)
```
#759409
```
#759409 rgb(117,148,9)
```
#83a70b
```
#83a70b rgb(131,167,11)
```
#92b90c
```
#92b90c rgb(146,185,12)
```
#a0cc0d
```
#a0cc0d rgb(160,204,13)
```
#afde0e
```
#afde0e rgb(175,222,14)
```

Shade Color Variation

#bdf010
```
#bdf010 rgb(189,240,16)
```
#c2f122
```
#c2f122 rgb(194,241,34)
```
#c7f235
```
#c7f235 rgb(199,242,53)
```
#ccf347
```
#ccf347 rgb(204,243,71)
```
#d2f55a
```
#d2f55a rgb(210,245,90)
```
#d7f66c
```
#d7f66c rgb(215,246,108)
```
#dcf77e
```
#dcf77e rgb(220,247,126)
```
#e1f891
```
#e1f891 rgb(225,248,145)
```
#e6f9a3
```
#e6f9a3 rgb(230,249,163)
```
#ebfab6
```
#ebfab6 rgb(235,250,182)
```
#f0fcc8
```
#f0fcc8 rgb(240,252,200)
```
#f5fddb
```
#f5fddb rgb(245,253,219)
```
#fafeed
```
#fafeed rgb(250,254,237)
```

Tint Color Variation

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

#787a72
```
#787a72 rgb(120,122,114)
```
#7d8369
```
#7d8369 rgb(125,131,105)
```
#828c60
```
#828c60 rgb(130,140,96)
```
#879557
```
#879557 rgb(135,149,87)
```
#8c9e4e
```
#8c9e4e rgb(140,158,78)
```
#91a844
```
#91a844 rgb(145,168,68)
```
#96b13b
```
#96b13b rgb(150,177,59)
```
#9bba32
```
#9bba32 rgb(155,186,50)
```
#a0c329
```
#a0c329 rgb(160,195,41)
```
#a5cc20
```
#a5cc20 rgb(165,204,32)
```
#aad517
```
#aad517 rgb(170,213,23)
```
#afde0e
```
#afde0e rgb(175,222,14)
```
#b4e705
```
#b4e705 rgb(180,231,5)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6c096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d012 Protanopia 1% of men
#ffc759 Deuteranopia 1% of men
#c7d0df Tritanopia 0.001% of the population

Trichromacy

#d4d511 Protanomaly 1% of men, 0.01% of women
#e1cf3e Deuteranomaly 6% of men, 0.4% of women
#bed593 Tritanomaly 0.01% of the population

#afde0e hex color

#afde0e Color Information

#afde0e Color Conversion

Color Schemes with #afde0e

Alternatives to #afde0e

#afde0e Preview

Shades and Tints of #afde0e

Tones of #afde0e

Color Blindness Simulator