#afe30c hex color

In a RGB color space, hex #afe30c is composed of 68.6% red, 89% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 94.7% yellow and 11% black. It has a hue angle of 74.5 degrees, a saturation of 90% and a lightness of 46.9%. #afe30c color hex could be obtained by blending #ffff18 with #5fc700. Closest websafe color is: #99cc00.

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

● #afe30c color description : Vivid yellow.

The hexadecimal color #afe30c has RGB values of R:175, G:227, B:12 and CMYK values of C:0.23, M:0, Y:0.95, K:0.11. Its decimal value is 11526924.

Hex triplet	afe30c	`#afe30c`
RGB Decimal	175, 227, 12	`rgb(175,227,12)`
RGB Percent	68.6, 89, 4.7	`rgb(68.6%,89%,4.7%)`
CMYK	23, 0, 95, 11
HSL	74.5°, 90, 46.9	`hsl(74.5,90%,46.9%)`
HSV (or HSB)	74.5°, 94.7, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	84.006, -40.747, 81.196
XYZ	45.214, 64.078, 10.334
xyY	0.378, 0.536, 64.078
CIE-LCH	84.006, 90.846, 116.649
CIE-LUV	84.006, -25.665, 95.647
Hunter-Lab	80.049, -39.263, 48.38
Binary	10101111, 11100011, 00001100

#afe30c
```
#afe30c rgb(175,227,12)
```
#400ce3
```
#400ce3 rgb(64,12,227)
```

Complementary Color

#e3ac0c
```
#e3ac0c rgb(227,172,12)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#44e30c
```
#44e30c rgb(68,227,12)
```

Analogous Color

#ac0ce3
```
#ac0ce3 rgb(172,12,227)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#0c44e3
```
#0c44e3 rgb(12,68,227)
```

Split Complementary Color

#e30caf
```
#e30caf rgb(227,12,175)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#0cafe3
```
#0cafe3 rgb(12,175,227)
```

Triadic Color

#e3400c
```
#e3400c rgb(227,64,12)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#0cafe3
```
#0cafe3 rgb(12,175,227)
```
#400ce3
```
#400ce3 rgb(64,12,227)
```

Tetradic Color

#779a08
```
#779a08 rgb(119,154,8)
```
#8ab309
```
#8ab309 rgb(138,179,9)
```
#9ccb0b
```
#9ccb0b rgb(156,203,11)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#bdf316
```
#bdf316 rgb(189,243,22)
```
#c4f42e
```
#c4f42e rgb(196,244,46)
```
#cbf546
```
#cbf546 rgb(203,245,70)
```

Monochromatic Color

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

#e3e10c
```
#e3e10c rgb(227,225,12)
```
#d3e30c
```
#d3e30c rgb(211,227,12)
```
#c1e30c
```
#c1e30c rgb(193,227,12)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#9de30c
```
#9de30c rgb(157,227,12)
```
#8be30c
```
#8be30c rgb(139,227,12)
```
#79e30c
```
#79e30c rgb(121,227,12)
```

Similar Colors

Text with hexadecimal color #afe30c

This text has a font color of #afe30c.

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

#afe30c background color

This paragraph has a background color of #afe30c.

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

#afe30c border color

This element has a border color of #afe30c.

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

CSS codes

.text {color:#afe30c;}

.background {background-color:#afe30c;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#111601
```
#111601 rgb(17,22,1)
```
#1f2902
```
#1f2902 rgb(31,41,2)
```
#2e3b03
```
#2e3b03 rgb(46,59,3)
```
#3c4e04
```
#3c4e04 rgb(60,78,4)
```
#4a6105
```
#4a6105 rgb(74,97,5)
```
#597306
```
#597306 rgb(89,115,6)
```
#678607
```
#678607 rgb(103,134,7)
```
#769808
```
#769808 rgb(118,152,8)
```
#84ab09
```
#84ab09 rgb(132,171,9)
```
#92be0a
```
#92be0a rgb(146,190,10)
```
#a1d00b
```
#a1d00b rgb(161,208,11)
```
#afe30c
```
#afe30c rgb(175,227,12)
```

Shade Color Variation

#bcf210
```
#bcf210 rgb(188,242,16)
```
#c1f323
```
#c1f323 rgb(193,243,35)
```
#c6f435
```
#c6f435 rgb(198,244,53)
```
#cbf548
```
#cbf548 rgb(203,245,72)
```
#d1f65b
```
#d1f65b rgb(209,246,91)
```
#d6f76d
```
#d6f76d rgb(214,247,109)
```
#dbf880
```
#dbf880 rgb(219,248,128)
```
#e0f993
```
#e0f993 rgb(224,249,147)
```
#e6faa5
```
#e6faa5 rgb(230,250,165)
```
#ebfbb8
```
#ebfbb8 rgb(235,251,184)
```
#f0fccb
```
#f0fccb rgb(240,252,203)
```
#f5fddd
```
#f5fddd rgb(245,253,221)
```
#fbfef0
```
#fbfef0 rgb(251,254,240)
```

Tint Color Variation

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

#7b7e71
```
#7b7e71 rgb(123,126,113)
```
#808768
```
#808768 rgb(128,135,104)
```
#84905f
```
#84905f rgb(132,144,95)
```
#899956
```
#899956 rgb(137,153,86)
```
#8ea34c
```
#8ea34c rgb(142,163,76)
```
#93ac43
```
#93ac43 rgb(147,172,67)
```
#97b53a
```
#97b53a rgb(151,181,58)
```
#9cbe31
```
#9cbe31 rgb(156,190,49)
```
#a1c728
```
#a1c728 rgb(161,199,40)
```
#a6d11e
```
#a6d11e rgb(166,209,30)
```
#aada15
```
#aada15 rgb(170,218,21)
```
#afe30c
```
#afe30c rgb(175,227,12)
```
#b4ec03
```
#b4ec03 rgb(180,236,3)
```

Tone Color Variation

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

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

Trichromacy

#d6d90d Protanomaly 1% of men, 0.01% of women
#e1d44c Deuteranomaly 6% of men, 0.4% of women
#bfda95 Tritanomaly 0.01% of the population

#afe30c hex color

#afe30c Color Information

#afe30c Color Conversion

Color Schemes with #afe30c

Alternatives to #afe30c

#afe30c Preview

Shades and Tints of #afe30c

Tones of #afe30c

Color Blindness Simulator