#afde09 hex color

In a RGB color space, hex #afde09 is composed of 68.6% red, 87.1% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 95.9% yellow and 12.9% black. It has a hue angle of 73.2 degrees, a saturation of 92.2% and a lightness of 45.3%. #afde09 color hex could be obtained by blending #ffff12 with #5fbd00. Closest websafe color is: #99cc00.

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

● #afde09 color description : Vivid yellow.

The hexadecimal color #afde09 has RGB values of R:175, G:222, B:9 and CMYK values of C:0.21, M:0, Y:0.96, K:0.13. Its decimal value is 11525641.

Hex triplet	afde09	`#afde09`
RGB Decimal	175, 222, 9	`rgb(175,222,9)`
RGB Percent	68.6, 87.1, 3.5	`rgb(68.6%,87.1%,3.5%)`
CMYK	21, 0, 96, 13
HSL	73.2°, 92.2, 45.3	`hsl(73.2,92.2%,45.3%)`
HSV (or HSB)	73.2°, 95.9, 87.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.58, -38.567, 80.352
XYZ	43.849, 61.376, 9.795
xyY	0.381, 0.534, 61.376
CIE-LCH	82.58, 89.128, 115.64
CIE-LUV	82.58, -22.931, 93.884
Hunter-Lab	78.343, -37.191, 47.427
Binary	10101111, 11011110, 00001001

#afde09
```
#afde09 rgb(175,222,9)
```
#3809de
```
#3809de rgb(56,9,222)
```

Complementary Color

#dea309
```
#dea309 rgb(222,163,9)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#45de09
```
#45de09 rgb(69,222,9)
```

Analogous Color

#a309de
```
#a309de rgb(163,9,222)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#0945de
```
#0945de rgb(9,69,222)
```

Split Complementary Color

#de09af
```
#de09af rgb(222,9,175)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#09afde
```
#09afde rgb(9,175,222)
```

Triadic Color

#de3809
```
#de3809 rgb(222,56,9)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#09afde
```
#09afde rgb(9,175,222)
```
#3809de
```
#3809de rgb(56,9,222)
```

Tetradic Color

#759406
```
#759406 rgb(117,148,6)
```
#88ad07
```
#88ad07 rgb(136,173,7)
```
#9cc508
```
#9cc508 rgb(156,197,8)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#c2f50b
```
#c2f50b rgb(194,245,11)
```
#c8f624
```
#c8f624 rgb(200,246,36)
```
#cef73c
```
#cef73c rgb(206,247,60)
```

Monochromatic Color

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

#ded809
```
#ded809 rgb(222,216,9)
```
#d3de09
```
#d3de09 rgb(211,222,9)
```
#c1de09
```
#c1de09 rgb(193,222,9)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#9dde09
```
#9dde09 rgb(157,222,9)
```
#8cde09
```
#8cde09 rgb(140,222,9)
```
#7ade09
```
#7ade09 rgb(122,222,9)
```

Similar Colors

Text with hexadecimal color #afde09

This text has a font color of #afde09.

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

#afde09 background color

This paragraph has a background color of #afde09.

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

#afde09 border color

This element has a border color of #afde09.

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

CSS codes

.text {color:#afde09;}

.background {background-color:#afde09;}

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

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

#0c0f01
```
#0c0f01 rgb(12,15,1)
```
#1a2101
```
#1a2101 rgb(26,33,1)
```
#293402
```
#293402 rgb(41,52,2)
```
#384703
```
#384703 rgb(56,71,3)
```
#475a04
```
#475a04 rgb(71,90,4)
```
#566d04
```
#566d04 rgb(86,109,4)
```
#658005
```
#658005 rgb(101,128,5)
```
#749306
```
#749306 rgb(116,147,6)
```
#82a507
```
#82a507 rgb(130,165,7)
```
#91b807
```
#91b807 rgb(145,184,7)
```
#a0cb08
```
#a0cb08 rgb(160,203,8)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#bef10a
```
#bef10a rgb(190,241,10)
```

Shade Color Variation

#c5f619
```
#c5f619 rgb(197,246,25)
```
#caf62b
```
#caf62b rgb(202,246,43)
```
#cef73e
```
#cef73e rgb(206,247,62)
```
#d3f851
```
#d3f851 rgb(211,248,81)
```
#d8f964
```
#d8f964 rgb(216,249,100)
```
#ddf977
```
#ddf977 rgb(221,249,119)
```
#e1fa8a
```
#e1fa8a rgb(225,250,138)
```
#e6fb9d
```
#e6fb9d rgb(230,251,157)
```
#ebfcaf
```
#ebfcaf rgb(235,252,175)
```
#f0fdc2
```
#f0fdc2 rgb(240,253,194)
```
#f4fdd5
```
#f4fdd5 rgb(244,253,213)
```
#f9fee8
```
#f9fee8 rgb(249,254,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#787c6b
```
#787c6b rgb(120,124,107)
```
#7d8562
```
#7d8562 rgb(125,133,98)
```
#828e59
```
#828e59 rgb(130,142,89)
```
#879750
```
#879750 rgb(135,151,80)
```
#8ca047
```
#8ca047 rgb(140,160,71)
```
#91a93e
```
#91a93e rgb(145,169,62)
```
#96b235
```
#96b235 rgb(150,178,53)
```
#9bba2d
```
#9bba2d rgb(155,186,45)
```
#a0c324
```
#a0c324 rgb(160,195,36)
```
#a5cc1b
```
#a5cc1b rgb(165,204,27)
```
#aad512
```
#aad512 rgb(170,213,18)
```
#afde09
```
#afde09 rgb(175,222,9)
```
#b4e700
```
#b4e700 rgb(180,231,0)
```

Tone Color Variation

Below, you can see how #afde09 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
#b6c095 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#d4d509 Protanomaly 1% of men, 0.01% of women
#e1cf3b Deuteranomaly 6% of men, 0.4% of women
#bed591 Tritanomaly 0.01% of the population

#afde09 hex color

#afde09 Color Information

#afde09 Color Conversion

Color Schemes with #afde09

Alternatives to #afde09

#afde09 Preview

Shades and Tints of #afde09

Tones of #afde09

Color Blindness Simulator