#afef30 hex color

In a RGB color space, hex #afef30 is composed of 68.6% red, 93.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 79.9% yellow and 6.3% black. It has a hue angle of 80.1 degrees, a saturation of 85.7% and a lightness of 56.3%. #afef30 color hex could be obtained by blending #ffff60 with #5fdf00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 94
- B 19
RGB color chart
- C 27
- M 0
- Y 80
- K 6
CMYK color chart

● #afef30 color description : Bright green.

The hexadecimal color #afef30 has RGB values of R:175, G:239, B:48 and CMYK values of C:0.27, M:0, Y:0.8, K:0.06. Its decimal value is 11530032.

Hex triplet	afef30	`#afef30`
RGB Decimal	175, 239, 48	`rgb(175,239,48)`
RGB Percent	68.6, 93.7, 18.8	`rgb(68.6%,93.7%,18.8%)`
CMYK	27, 0, 80, 6
HSL	80.1°, 85.7, 56.3	`hsl(80.1,85.7%,56.3%)`
HSV (or HSB)	80.1°, 79.9, 93.7
Web Safe	99ff33	`#99ff33`

CIE-LAB	87.514, -45.048, 77.704
XYZ	49.078, 71.059, 13.926
xyY	0.366, 0.53, 71.059
CIE-LCH	87.514, 89.818, 120.102
CIE-LUV	87.514, -32, 96.175
Hunter-Lab	84.297, -43.594, 49.213
Binary	10101111, 11101111, 00110000

#afef30
```
#afef30 rgb(175,239,48)
```
#7030ef
```
#7030ef rgb(112,48,239)
```

Complementary Color

#efd030
```
#efd030 rgb(239,208,48)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#4fef30
```
#4fef30 rgb(79,239,48)
```

Analogous Color

#d030ef
```
#d030ef rgb(208,48,239)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#304fef
```
#304fef rgb(48,79,239)
```

Split Complementary Color

#ef30af
```
#ef30af rgb(239,48,175)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#30afef
```
#30afef rgb(48,175,239)
```

Triadic Color

#ef7030
```
#ef7030 rgb(239,112,48)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#30afef
```
#30afef rgb(48,175,239)
```
#7030ef
```
#7030ef rgb(112,48,239)
```

Tetradic Color

#87c30f
```
#87c30f rgb(135,195,15)
```
#97db11
```
#97db11 rgb(151,219,17)
```
#a6ed18
```
#a6ed18 rgb(166,237,24)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#b8f148
```
#b8f148 rgb(184,241,72)
```
#c1f35f
```
#c1f35f rgb(193,243,95)
```
#caf477
```
#caf477 rgb(202,244,119)
```

Monochromatic Color

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

#dfef30
```
#dfef30 rgb(223,239,48)
```
#cfef30
```
#cfef30 rgb(207,239,48)
```
#bfef30
```
#bfef30 rgb(191,239,48)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#9fef30
```
#9fef30 rgb(159,239,48)
```
#8fef30
```
#8fef30 rgb(143,239,48)
```
#7fef30
```
#7fef30 rgb(127,239,48)
```

Similar Colors

Text with hexadecimal color #afef30

This text has a font color of #afef30.

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

#afef30 background color

This paragraph has a background color of #afef30.

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

#afef30 border color

This element has a border color of #afef30.

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

CSS codes

.text {color:#afef30;}

.background {background-color:#afef30;}

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

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, #080b01 is the darkest color, while #fcfef8 is the lightest one.

#080b01
```
#080b01 rgb(8,11,1)
```
#151e02
```
#151e02 rgb(21,30,2)
```
#213004
```
#213004 rgb(33,48,4)
```
#2e4205
```
#2e4205 rgb(46,66,5)
```
#3a5407
```
#3a5407 rgb(58,84,7)
```
#476708
```
#476708 rgb(71,103,8)
```
#537909
```
#537909 rgb(83,121,9)
```
#608b0b
```
#608b0b rgb(96,139,11)
```
#6d9d0c
```
#6d9d0c rgb(109,157,12)
```
#79af0e
```
#79af0e rgb(121,175,14)
```
#86c20f
```
#86c20f rgb(134,194,15)
```
#92d410
```
#92d410 rgb(146,212,16)
```
#9fe612
```
#9fe612 rgb(159,230,18)
```

Shade Color Variation

#a8ee1e
```
#a8ee1e rgb(168,238,30)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#b6f042
```
#b6f042 rgb(182,240,66)
```
#bdf254
```
#bdf254 rgb(189,242,84)
```
#c4f367
```
#c4f367 rgb(196,243,103)
```
#cbf579
```
#cbf579 rgb(203,245,121)
```
#d2f68b
```
#d2f68b rgb(210,246,139)
```
#d9f79d
```
#d9f79d rgb(217,247,157)
```
#e0f9af
```
#e0f9af rgb(224,249,175)
```
#e7fac2
```
#e7fac2 rgb(231,250,194)
```
#eefcd4
```
#eefcd4 rgb(238,252,212)
```
#f5fde6
```
#f5fde6 rgb(245,253,230)
```
#fcfef8
```
#fcfef8 rgb(252,254,248)
```

Tint Color Variation

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

#90918e
```
#90918e rgb(144,145,142)
```
#939986
```
#939986 rgb(147,153,134)
```
#96a27d
```
#96a27d rgb(150,162,125)
```
#98aa75
```
#98aa75 rgb(152,170,117)
```
#9bb36c
```
#9bb36c rgb(155,179,108)
```
#9ebc63
```
#9ebc63 rgb(158,188,99)
```
#a1c45b
```
#a1c45b rgb(161,196,91)
```
#a4cd52
```
#a4cd52 rgb(164,205,82)
```
#a7d54a
```
#a7d54a rgb(167,213,74)
```
#a9de41
```
#a9de41 rgb(169,222,65)
```
#ace639
```
#ace639 rgb(172,230,57)
```
#afef30
```
#afef30 rgb(175,239,48)
```
#b2f827
```
#b2f827 rgb(178,248,39)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c1cea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd35 Protanopia 1% of men
#ffd79d Deuteranopia 1% of men
#cae0f0 Tritanopia 0.001% of the population

Trichromacy

#dde333 Protanomaly 1% of men, 0.01% of women
#e1df75 Deuteranomaly 6% of men, 0.4% of women
#c0e5aa Tritanomaly 0.01% of the population

#afef30 hex color

#afef30 Color Information

#afef30 Color Conversion

Color Schemes with #afef30

Alternatives to #afef30

#afef30 Preview

Shades and Tints of #afef30

Tones of #afef30

Color Blindness Simulator