#afec2f hex color

In a RGB color space, hex #afec2f is composed of 68.6% red, 92.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 0% magenta, 80.1% yellow and 7.5% black. It has a hue angle of 79.4 degrees, a saturation of 83.3% and a lightness of 55.5%. #afec2f color hex could be obtained by blending #ffff5e with #5fd900. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 93
- B 18
RGB color chart
- C 26
- M 0
- Y 80
- K 7
CMYK color chart

● #afec2f color description : Bright green.

The hexadecimal color #afec2f has RGB values of R:175, G:236, B:47 and CMYK values of C:0.26, M:0, Y:0.8, K:0.07. Its decimal value is 11529263.

Hex triplet	afec2f	`#afec2f`
RGB Decimal	175, 236, 47	`rgb(175,236,47)`
RGB Percent	68.6, 92.5, 18.4	`rgb(68.6%,92.5%,18.4%)`
CMYK	26, 0, 80, 7
HSL	79.4°, 83.3, 55.5	`hsl(79.4,83.3%,55.5%)`
HSV (or HSB)	79.4°, 80.1, 92.5
Web Safe	99ff33	`#99ff33`

CIE-LAB	86.657, -43.798, 77.196
XYZ	48.187, 69.309, 13.528
xyY	0.368, 0.529, 69.309
CIE-LCH	86.657, 88.755, 119.569
CIE-LUV	86.657, -30.446, 95.149
Hunter-Lab	83.252, -42.374, 48.642
Binary	10101111, 11101100, 00101111

#afec2f
```
#afec2f rgb(175,236,47)
```
#6c2fec
```
#6c2fec rgb(108,47,236)
```

Complementary Color

#eccb2f
```
#eccb2f rgb(236,203,47)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#51ec2f
```
#51ec2f rgb(81,236,47)
```

Analogous Color

#cb2fec
```
#cb2fec rgb(203,47,236)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#2f50ec
```
#2f50ec rgb(47,80,236)
```

Split Complementary Color

#ec2faf
```
#ec2faf rgb(236,47,175)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#2fafec
```
#2fafec rgb(47,175,236)
```

Triadic Color

#ec6c2f
```
#ec6c2f rgb(236,108,47)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#6c2fec
```
#6c2fec rgb(108,47,236)
```

Tetradic Color

#86bd11
```
#86bd11 rgb(134,189,17)
```
#96d513
```
#96d513 rgb(150,213,19)
```
#a6ea18
```
#a6ea18 rgb(166,234,24)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#b8ee46
```
#b8ee46 rgb(184,238,70)
```
#c1f05e
```
#c1f05e rgb(193,240,94)
```
#caf275
```
#caf275 rgb(202,242,117)
```

Monochromatic Color

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

#deec2f
```
#deec2f rgb(222,236,47)
```
#cfec2f
```
#cfec2f rgb(207,236,47)
```
#bfec2f
```
#bfec2f rgb(191,236,47)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#9fec2f
```
#9fec2f rgb(159,236,47)
```
#90ec2f
```
#90ec2f rgb(144,236,47)
```
#80ec2f
```
#80ec2f rgb(128,236,47)
```

Similar Colors

Text with hexadecimal color #afec2f

This text has a font color of #afec2f.

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

#afec2f background color

This paragraph has a background color of #afec2f.

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

#afec2f border color

This element has a border color of #afec2f.

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

CSS codes

.text {color:#afec2f;}

.background {background-color:#afec2f;}

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

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

#050801
```
#050801 rgb(5,8,1)
```
#121a02
```
#121a02 rgb(18,26,2)
```
#1f2c04
```
#1f2c04 rgb(31,44,4)
```
#2c3e06
```
#2c3e06 rgb(44,62,6)
```
#385007
```
#385007 rgb(56,80,7)
```
#456209
```
#456209 rgb(69,98,9)
```
#52740b
```
#52740b rgb(82,116,11)
```
#5e850c
```
#5e850c rgb(94,133,12)
```
#6b970e
```
#6b970e rgb(107,151,14)
```
#78a90f
```
#78a90f rgb(120,169,15)
```
#84bb11
```
#84bb11 rgb(132,187,17)
```
#91cd13
```
#91cd13 rgb(145,205,19)
```
#9edf14
```
#9edf14 rgb(158,223,20)
```

Shade Color Variation

#a8ea1d
```
#a8ea1d rgb(168,234,29)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#b6ee41
```
#b6ee41 rgb(182,238,65)
```
#bdef53
```
#bdef53 rgb(189,239,83)
```
#c4f165
```
#c4f165 rgb(196,241,101)
```
#cbf377
```
#cbf377 rgb(203,243,119)
```
#d2f489
```
#d2f489 rgb(210,244,137)
```
#d8f69b
```
#d8f69b rgb(216,246,155)
```
#dff7ad
```
#dff7ad rgb(223,247,173)
```
#e6f9bf
```
#e6f9bf rgb(230,249,191)
```
#edfbd1
```
#edfbd1 rgb(237,251,209)
```
#f4fce3
```
#f4fce3 rgb(244,252,227)
```
#fbfef5
```
#fbfef5 rgb(251,254,245)
```

Tint Color Variation

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

#909586
```
#909586 rgb(144,149,134)
```
#939d7e
```
#939d7e rgb(147,157,126)
```
#96a675
```
#96a675 rgb(150,166,117)
```
#99af6c
```
#99af6c rgb(153,175,108)
```
#9cb863
```
#9cb863 rgb(156,184,99)
```
#a0c05b
```
#a0c05b rgb(160,192,91)
```
#a3c952
```
#a3c952 rgb(163,201,82)
```
#a6d249
```
#a6d249 rgb(166,210,73)
```
#a9db40
```
#a9db40 rgb(169,219,64)
```
#ace338
```
#ace338 rgb(172,227,56)
```
#afec2f
```
#afec2f rgb(175,236,47)
```
#b2f526
```
#b2f526 rgb(178,245,38)
```
#b5fd1e
```
#b5fd1e rgb(181,253,30)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0cca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db35 Protanopia 1% of men
#ffd494 Deuteranopia 1% of men
#cadded Tritanopia 0.001% of the population

Trichromacy

#dbe132 Protanomaly 1% of men, 0.01% of women
#e1dc6f Deuteranomaly 6% of men, 0.4% of women
#c0e2a8 Tritanomaly 0.01% of the population

#afec2f hex color

#afec2f Color Information

#afec2f Color Conversion

Color Schemes with #afec2f

Alternatives to #afec2f

#afec2f Preview

Shades and Tints of #afec2f

Tones of #afec2f

Color Blindness Simulator