#afe30f hex color

In a RGB color space, hex #afe30f is composed of 68.6% red, 89% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 93.4% yellow and 11% black. It has a hue angle of 74.7 degrees, a saturation of 87.6% and a lightness of 47.5%. #afe30f color hex could be obtained by blending #ffff1e with #5fc700. Closest websafe color is: #99cc00.

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

● #afe30f color description : Vivid yellow.

The hexadecimal color #afe30f has RGB values of R:175, G:227, B:15 and CMYK values of C:0.23, M:0, Y:0.93, K:0.11. Its decimal value is 11526927.

Hex triplet	afe30f	`#afe30f`
RGB Decimal	175, 227, 15	`rgb(175,227,15)`
RGB Percent	68.6, 89, 5.9	`rgb(68.6%,89%,5.9%)`
CMYK	23, 0, 93, 11
HSL	74.7°, 87.6, 47.5	`hsl(74.7,87.6%,47.5%)`
HSV (or HSB)	74.7°, 93.4, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	84.01, -40.707, 80.896
XYZ	45.234, 64.086, 10.439
xyY	0.378, 0.535, 64.086
CIE-LCH	84.01, 90.561, 116.712
CIE-LUV	84.01, -25.666, 95.462
Hunter-Lab	80.054, -39.233, 48.306
Binary	10101111, 11100011, 00001111

#afe30f
```
#afe30f rgb(175,227,15)
```
#430fe3
```
#430fe3 rgb(67,15,227)
```

Complementary Color

#e3ad0f
```
#e3ad0f rgb(227,173,15)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#45e30f
```
#45e30f rgb(69,227,15)
```

Analogous Color

#ad0fe3
```
#ad0fe3 rgb(173,15,227)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#0f45e3
```
#0f45e3 rgb(15,69,227)
```

Split Complementary Color

#e30faf
```
#e30faf rgb(227,15,175)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#0fafe3
```
#0fafe3 rgb(15,175,227)
```

Triadic Color

#e3430f
```
#e3430f rgb(227,67,15)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#0fafe3
```
#0fafe3 rgb(15,175,227)
```
#430fe3
```
#430fe3 rgb(67,15,227)
```

Tetradic Color

#789b0a
```
#789b0a rgb(120,155,10)
```
#8ab30c
```
#8ab30c rgb(138,179,12)
```
#9dcb0d
```
#9dcb0d rgb(157,203,13)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#bcf01c
```
#bcf01c rgb(188,240,28)
```
#c3f233
```
#c3f233 rgb(195,242,51)
```
#caf34b
```
#caf34b rgb(202,243,75)
```

Monochromatic Color

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

#e3e20f
```
#e3e20f rgb(227,226,15)
```
#d2e30f
```
#d2e30f rgb(210,227,15)
```
#c1e30f
```
#c1e30f rgb(193,227,15)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#9de30f
```
#9de30f rgb(157,227,15)
```
#8ce30f
```
#8ce30f rgb(140,227,15)
```
#7ae30f
```
#7ae30f rgb(122,227,15)
```

Similar Colors

Text with hexadecimal color #afe30f

This text has a font color of #afe30f.

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

#afe30f background color

This paragraph has a background color of #afe30f.

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

#afe30f border color

This element has a border color of #afe30f.

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

CSS codes

.text {color:#afe30f;}

.background {background-color:#afe30f;}

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

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

#050600
```
#050600 rgb(5,6,0)
```
#131902
```
#131902 rgb(19,25,2)
```
#212b03
```
#212b03 rgb(33,43,3)
```
#2f3d04
```
#2f3d04 rgb(47,61,4)
```
#3e5005
```
#3e5005 rgb(62,80,5)
```
#4c6206
```
#4c6206 rgb(76,98,6)
```
#5a7508
```
#5a7508 rgb(90,117,8)
```
#688709
```
#688709 rgb(104,135,9)
```
#76990a
```
#76990a rgb(118,153,10)
```
#84ac0b
```
#84ac0b rgb(132,172,11)
```
#93be0d
```
#93be0d rgb(147,190,13)
```
#a1d10e
```
#a1d10e rgb(161,209,14)
```
#afe30f
```
#afe30f rgb(175,227,15)
```

Shade Color Variation

#baf016
```
#baf016 rgb(186,240,22)
```
#c0f128
```
#c0f128 rgb(192,241,40)
```
#c5f23b
```
#c5f23b rgb(197,242,59)
```
#cbf34d
```
#cbf34d rgb(203,243,77)
```
#d0f460
```
#d0f460 rgb(208,244,96)
```
#d5f672
```
#d5f672 rgb(213,246,114)
```
#dbf784
```
#dbf784 rgb(219,247,132)
```
#e0f897
```
#e0f897 rgb(224,248,151)
```
#e6f9a9
```
#e6f9a9 rgb(230,249,169)
```
#ebfbbc
```
#ebfbbc rgb(235,251,188)
```
#f1fcce
```
#f1fcce rgb(241,252,206)
```
#f6fde0
```
#f6fde0 rgb(246,253,224)
```
#fbfef3
```
#fbfef3 rgb(251,254,243)
```

Tint Color Variation

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

#7b7d75
```
#7b7d75 rgb(123,125,117)
```
#80866c
```
#80866c rgb(128,134,108)
```
#848f63
```
#848f63 rgb(132,143,99)
```
#899959
```
#899959 rgb(137,153,89)
```
#8ea250
```
#8ea250 rgb(142,162,80)
```
#93ab47
```
#93ab47 rgb(147,171,71)
```
#97b43e
```
#97b43e rgb(151,180,62)
```
#9cbe34
```
#9cbe34 rgb(156,190,52)
```
#a1c72b
```
#a1c72b rgb(161,199,43)
```
#a6d022
```
#a6d022 rgb(166,208,34)
```
#aada18
```
#aada18 rgb(170,218,24)
```
#afe30f
```
#afe30f rgb(175,227,15)
```
#b4ec06
```
#b4ec06 rgb(180,236,6)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#afe30f hex color

#afe30f Color Information

#afe30f Color Conversion

Color Schemes with #afe30f

Alternatives to #afe30f

#afe30f Preview

Shades and Tints of #afe30f

Tones of #afe30f

Color Blindness Simulator