#afde0f hex color

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

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

● #afde0f color description : Vivid yellow.

The hexadecimal color #afde0f has RGB values of R:175, G:222, B:15 and CMYK values of C:0.21, M:0, Y:0.93, K:0.13. Its decimal value is 11525647.

Hex triplet	afde0f	`#afde0f`
RGB Decimal	175, 222, 15	`rgb(175,222,15)`
RGB Percent	68.6, 87.1, 5.9	`rgb(68.6%,87.1%,5.9%)`
CMYK	21, 0, 93, 13
HSL	73.6°, 87.3, 46.5	`hsl(73.6,87.3%,46.5%)`
HSV (or HSB)	73.6°, 93.2, 87.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.588, -38.493, 79.776
XYZ	43.886, 61.39, 9.989
xyY	0.381, 0.533, 61.39
CIE-LCH	82.588, 88.577, 115.758
CIE-LUV	82.588, -22.935, 93.531
Hunter-Lab	78.352, -37.135, 47.287
Binary	10101111, 11011110, 00001111

#afde0f
```
#afde0f rgb(175,222,15)
```
#3e0fde
```
#3e0fde rgb(62,15,222)
```

Complementary Color

#dea60f
```
#dea60f rgb(222,166,15)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#47de0f
```
#47de0f rgb(71,222,15)
```

Analogous Color

#a60fde
```
#a60fde rgb(166,15,222)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#0f47de
```
#0f47de rgb(15,71,222)
```

Split Complementary Color

#de0faf
```
#de0faf rgb(222,15,175)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#0fafde
```
#0fafde rgb(15,175,222)
```

Triadic Color

#de3e0f
```
#de3e0f rgb(222,62,15)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#0fafde
```
#0fafde rgb(15,175,222)
```
#3e0fde
```
#3e0fde rgb(62,15,222)
```

Tetradic Color

#77960a
```
#77960a rgb(119,150,10)
```
#89ae0c
```
#89ae0c rgb(137,174,12)
```
#9cc60d
```
#9cc60d rgb(156,198,13)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#beef17
```
#beef17 rgb(190,239,23)
```
#c5f12f
```
#c5f12f rgb(197,241,47)
```
#ccf347
```
#ccf347 rgb(204,243,71)
```

Monochromatic Color

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

#ded90f
```
#ded90f rgb(222,217,15)
```
#d2de0f
```
#d2de0f rgb(210,222,15)
```
#c0de0f
```
#c0de0f rgb(192,222,15)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#9ede0f
```
#9ede0f rgb(158,222,15)
```
#8dde0f
```
#8dde0f rgb(141,222,15)
```
#7bde0f
```
#7bde0f rgb(123,222,15)
```

Similar Colors

Text with hexadecimal color #afde0f

This text has a font color of #afde0f.

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

#afde0f background color

This paragraph has a background color of #afde0f.

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

#afde0f border color

This element has a border color of #afde0f.

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

CSS codes

.text {color:#afde0f;}

.background {background-color:#afde0f;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#101401
```
#101401 rgb(16,20,1)
```
#1e2603
```
#1e2603 rgb(30,38,3)
```
#2d3904
```
#2d3904 rgb(45,57,4)
```
#3b4b05
```
#3b4b05 rgb(59,75,5)
```
#4a5d06
```
#4a5d06 rgb(74,93,6)
```
#587008
```
#587008 rgb(88,112,8)
```
#678209
```
#678209 rgb(103,130,9)
```
#75950a
```
#75950a rgb(117,149,10)
```
#84a70b
```
#84a70b rgb(132,167,11)
```
#92b90d
```
#92b90d rgb(146,185,13)
```
#a1cc0e
```
#a1cc0e rgb(161,204,14)
```
#afde0f
```
#afde0f rgb(175,222,15)
```

Shade Color Variation

#bdef12
```
#bdef12 rgb(189,239,18)
```
#c2f024
```
#c2f024 rgb(194,240,36)
```
#c7f136
```
#c7f136 rgb(199,241,54)
```
#ccf349
```
#ccf349 rgb(204,243,73)
```
#d1f45b
```
#d1f45b rgb(209,244,91)
```
#d6f56e
```
#d6f56e rgb(214,245,110)
```
#dcf680
```
#dcf680 rgb(220,246,128)
```
#e1f892
```
#e1f892 rgb(225,248,146)
```
#e6f9a5
```
#e6f9a5 rgb(230,249,165)
```
#ebfab7
```
#ebfab7 rgb(235,250,183)
```
#f0fbc9
```
#f0fbc9 rgb(240,251,201)
```
#f5fddc
```
#f5fddc rgb(245,253,220)
```
#fafeee
```
#fafeee rgb(250,254,238)
```

Tint Color Variation

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

#787a73
```
#787a73 rgb(120,122,115)
```
#7d836a
```
#7d836a rgb(125,131,106)
```
#828c61
```
#828c61 rgb(130,140,97)
```
#879558
```
#879558 rgb(135,149,88)
```
#8c9e4f
```
#8c9e4f rgb(140,158,79)
```
#91a746
```
#91a746 rgb(145,167,70)
```
#96b03d
```
#96b03d rgb(150,176,61)
```
#9bba33
```
#9bba33 rgb(155,186,51)
```
#a0c32a
```
#a0c32a rgb(160,195,42)
```
#a5cc21
```
#a5cc21 rgb(165,204,33)
```
#aad518
```
#aad518 rgb(170,213,24)
```
#afde0f
```
#afde0f rgb(175,222,15)
```
#b4e706
```
#b4e706 rgb(180,231,6)
```

Tone Color Variation

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

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

Trichromacy

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

#afde0f hex color

#afde0f Color Information

#afde0f Color Conversion

Color Schemes with #afde0f

Alternatives to #afde0f

#afde0f Preview

Shades and Tints of #afde0f

Tones of #afde0f

Color Blindness Simulator