#afe30e hex color

In a RGB color space, hex #afe30e is composed of 68.6% red, 89% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 93.8% yellow and 11% black. It has a hue angle of 74.6 degrees, a saturation of 88.4% and a lightness of 47.3%. #afe30e color hex could be obtained by blending #ffff1c with #5fc700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 89
- B 5
RGB color chart
- C 23
- M 0
- Y 94
- K 11
CMYK color chart

● #afe30e color description : Vivid yellow.

The hexadecimal color #afe30e has RGB values of R:175, G:227, B:14 and CMYK values of C:0.23, M:0, Y:0.94, K:0.11. Its decimal value is 11526926.

Hex triplet	afe30e	`#afe30e`
RGB Decimal	175, 227, 14	`rgb(175,227,14)`
RGB Percent	68.6, 89, 5.5	`rgb(68.6%,89%,5.5%)`
CMYK	23, 0, 94, 11
HSL	74.6°, 88.4, 47.3	`hsl(74.6,88.4%,47.3%)`
HSV (or HSB)	74.6°, 93.8, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	84.009, -40.721, 81.001
XYZ	45.227, 64.083, 10.402
xyY	0.378, 0.535, 64.083
CIE-LCH	84.009, 90.661, 116.69
CIE-LUV	84.009, -25.666, 95.527
Hunter-Lab	80.052, -39.244, 48.332
Binary	10101111, 11100011, 00001110

#afe30e
```
#afe30e rgb(175,227,14)
```
#420ee3
```
#420ee3 rgb(66,14,227)
```

Complementary Color

#e3ad0e
```
#e3ad0e rgb(227,173,14)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#44e30e
```
#44e30e rgb(68,227,14)
```

Analogous Color

#ad0ee3
```
#ad0ee3 rgb(173,14,227)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#0e44e3
```
#0e44e3 rgb(14,68,227)
```

Split Complementary Color

#e30eaf
```
#e30eaf rgb(227,14,175)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#0eafe3
```
#0eafe3 rgb(14,175,227)
```

Triadic Color

#e3420e
```
#e3420e rgb(227,66,14)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#0eafe3
```
#0eafe3 rgb(14,175,227)
```
#420ee3
```
#420ee3 rgb(66,14,227)
```

Tetradic Color

#779b0a
```
#779b0a rgb(119,155,10)
```
#8ab30b
```
#8ab30b rgb(138,179,11)
```
#9ccb0d
```
#9ccb0d rgb(156,203,13)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#bcf11a
```
#bcf11a rgb(188,241,26)
```
#c3f232
```
#c3f232 rgb(195,242,50)
```
#caf44a
```
#caf44a rgb(202,244,74)
```

Monochromatic Color

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

#e3e20e
```
#e3e20e rgb(227,226,14)
```
#d3e30e
```
#d3e30e rgb(211,227,14)
```
#c1e30e
```
#c1e30e rgb(193,227,14)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#9de30e
```
#9de30e rgb(157,227,14)
```
#8ce30e
```
#8ce30e rgb(140,227,14)
```
#7ae30e
```
#7ae30e rgb(122,227,14)
```

Similar Colors

Text with hexadecimal color #afe30e

This text has a font color of #afe30e.

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

#afe30e background color

This paragraph has a background color of #afe30e.

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

#afe30e border color

This element has a border color of #afe30e.

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

CSS codes

.text {color:#afe30e;}

.background {background-color:#afe30e;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#121801
```
#121801 rgb(18,24,1)
```
#212a03
```
#212a03 rgb(33,42,3)
```
#2f3d04
```
#2f3d04 rgb(47,61,4)
```
#3d4f05
```
#3d4f05 rgb(61,79,5)
```
#4b6206
```
#4b6206 rgb(75,98,6)
```
#5a7407
```
#5a7407 rgb(90,116,7)
```
#688708
```
#688708 rgb(104,135,8)
```
#769909
```
#769909 rgb(118,153,9)
```
#84ac0b
```
#84ac0b rgb(132,172,11)
```
#93be0c
```
#93be0c rgb(147,190,12)
```
#a1d10d
```
#a1d10d rgb(161,209,13)
```
#afe30e
```
#afe30e rgb(175,227,14)
```

Shade Color Variation

#bbf114
```
#bbf114 rgb(187,241,20)
```
#c0f227
```
#c0f227 rgb(192,242,39)
```
#c5f339
```
#c5f339 rgb(197,243,57)
```
#cbf44c
```
#cbf44c rgb(203,244,76)
```
#d0f55e
```
#d0f55e rgb(208,245,94)
```
#d6f670
```
#d6f670 rgb(214,246,112)
```
#dbf783
```
#dbf783 rgb(219,247,131)
```
#e0f895
```
#e0f895 rgb(224,248,149)
```
#e6faa8
```
#e6faa8 rgb(230,250,168)
```
#ebfbba
```
#ebfbba rgb(235,251,186)
```
#f0fccd
```
#f0fccd rgb(240,252,205)
```
#f6fddf
```
#f6fddf rgb(246,253,223)
```
#fbfef2
```
#fbfef2 rgb(251,254,242)
```

Tint Color Variation

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

#7b7d74
```
#7b7d74 rgb(123,125,116)
```
#80866b
```
#80866b rgb(128,134,107)
```
#849061
```
#849061 rgb(132,144,97)
```
#899958
```
#899958 rgb(137,153,88)
```
#8ea24f
```
#8ea24f rgb(142,162,79)
```
#93ab46
```
#93ab46 rgb(147,171,70)
```
#97b53c
```
#97b53c rgb(151,181,60)
```
#9cbe33
```
#9cbe33 rgb(156,190,51)
```
#a1c72a
```
#a1c72a rgb(161,199,42)
```
#a6d021
```
#a6d021 rgb(166,208,33)
```
#aada17
```
#aada17 rgb(170,218,23)
```
#afe30e
```
#afe30e rgb(175,227,14)
```
#b4ec05
```
#b4ec05 rgb(180,236,5)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd411 Protanopia 1% of men
#ffcb72 Deuteranopia 1% of men
#c8d5e4 Tritanopia 0.001% of the population

Trichromacy

#d6d910 Protanomaly 1% of men, 0.01% of women
#e1d44d Deuteranomaly 6% of men, 0.4% of women
#bfda96 Tritanomaly 0.01% of the population

#afe30e hex color

#afe30e Color Information

#afe30e Color Conversion

Color Schemes with #afe30e

Alternatives to #afe30e

#afe30e Preview

Shades and Tints of #afe30e

Tones of #afe30e

Color Blindness Simulator