#afff1f hex color

In a RGB color space, hex #afff1f is composed of 68.6% red, 100% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 0% magenta, 87.8% yellow and 0% black. It has a hue angle of 81.4 degrees, a saturation of 100% and a lightness of 56.1%. #afff1f color hex could be obtained by blending #ffff3e with #5fff00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 100
- B 12
RGB color chart
- C 31
- M 0
- Y 88
- K 0
CMYK color chart

● #afff1f color description : Vivid green.

The hexadecimal color #afff1f has RGB values of R:175, G:255, B:31 and CMYK values of C:0.31, M:0, Y:0.88, K:0. Its decimal value is 11534111.

Hex triplet	afff1f	`#afff1f`
RGB Decimal	175, 255, 31	`rgb(175,255,31)`
RGB Percent	68.6, 100, 12.2	`rgb(68.6%,100%,12.2%)`
CMYK	31, 0, 88, 0
HSL	81.4°, 100, 56.1	`hsl(81.4,100%,56.1%)`
HSV (or HSB)	81.4°, 87.8, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.012, -52.258, 85.161
XYZ	53.685, 80.731, 14.05
xyY	0.362, 0.544, 80.731
CIE-LCH	92.012, 99.917, 121.535
CIE-LUV	92.012, -40.088, 104.857
Hunter-Lab	89.85, -50.585, 53.624
Binary	10101111, 11111111, 00011111

#afff1f
```
#afff1f rgb(175,255,31)
```
#6f1fff
```
#6f1fff rgb(111,31,255)
```

Complementary Color

#ffdf1f
```
#ffdf1f rgb(255,223,31)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#3fff1f
```
#3fff1f rgb(63,255,31)
```

Analogous Color

#df1fff
```
#df1fff rgb(223,31,255)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#1f3fff
```
#1f3fff rgb(31,63,255)
```

Split Complementary Color

#ff1faf
```
#ff1faf rgb(255,31,175)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#1fafff
```
#1fafff rgb(31,175,255)
```

Triadic Color

#ff6f1f
```
#ff6f1f rgb(255,111,31)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#1fafff
```
#1fafff rgb(31,175,255)
```
#6f1fff
```
#6f1fff rgb(111,31,255)
```

Tetradic Color

#87d200
```
#87d200 rgb(135,210,0)
```
#97eb00
```
#97eb00 rgb(151,235,0)
```
#a6ff05
```
#a6ff05 rgb(166,255,5)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#b8ff39
```
#b8ff39 rgb(184,255,57)
```
#c1ff52
```
#c1ff52 rgb(193,255,82)
```
#caff6c
```
#caff6c rgb(202,255,108)
```

Monochromatic Color

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

#e7ff1f
```
#e7ff1f rgb(231,255,31)
```
#d4ff1f
```
#d4ff1f rgb(212,255,31)
```
#c2ff1f
```
#c2ff1f rgb(194,255,31)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#9cff1f
```
#9cff1f rgb(156,255,31)
```
#8aff1f
```
#8aff1f rgb(138,255,31)
```
#77ff1f
```
#77ff1f rgb(119,255,31)
```

Similar Colors

Text with hexadecimal color #afff1f

This text has a font color of #afff1f.

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

#afff1f background color

This paragraph has a background color of #afff1f.

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

#afff1f border color

This element has a border color of #afff1f.

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

CSS codes

.text {color:#afff1f;}

.background {background-color:#afff1f;}

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

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, #070b00 is the darkest color, while #fcfff7 is the lightest one.

#070b00
```
#070b00 rgb(7,11,0)
```
#141f00
```
#141f00 rgb(20,31,0)
```
#213300
```
#213300 rgb(33,51,0)
```
#2d4600
```
#2d4600 rgb(45,70,0)
```
#3a5a00
```
#3a5a00 rgb(58,90,0)
```
#466d00
```
#466d00 rgb(70,109,0)
```
#538100
```
#538100 rgb(83,129,0)
```
#609500
```
#609500 rgb(96,149,0)
```
#6ca800
```
#6ca800 rgb(108,168,0)
```
#79bc00
```
#79bc00 rgb(121,188,0)
```
#85d000
```
#85d000 rgb(133,208,0)
```
#92e300
```
#92e300 rgb(146,227,0)
```
#9ff700
```
#9ff700 rgb(159,247,0)
```

Shade Color Variation

#a8ff0b
```
#a8ff0b rgb(168,255,11)
```
#afff1f
```
#afff1f rgb(175,255,31)
```
#b6ff33
```
#b6ff33 rgb(182,255,51)
```
#bdff46
```
#bdff46 rgb(189,255,70)
```
#c4ff5a
```
#c4ff5a rgb(196,255,90)
```
#cbff6d
```
#cbff6d rgb(203,255,109)
```
#d2ff81
```
#d2ff81 rgb(210,255,129)
```
#d9ff95
```
#d9ff95 rgb(217,255,149)
```
#e0ffa8
```
#e0ffa8 rgb(224,255,168)
```
#e7ffbc
```
#e7ffbc rgb(231,255,188)
```
#eeffd0
```
#eeffd0 rgb(238,255,208)
```
#f5ffe3
```
#f5ffe3 rgb(245,255,227)
```
#fcfff7
```
#fcfff7 rgb(252,255,247)
```

Tint Color Variation

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

#919886
```
#919886 rgb(145,152,134)
```
#94a07e
```
#94a07e rgb(148,160,126)
```
#96a975
```
#96a975 rgb(150,169,117)
```
#99b16d
```
#99b16d rgb(153,177,109)
```
#9bba64
```
#9bba64 rgb(155,186,100)
```
#9ec35b
```
#9ec35b rgb(158,195,91)
```
#a0cb53
```
#a0cb53 rgb(160,203,83)
```
#a3d44a
```
#a3d44a rgb(163,212,74)
```
#a5dd41
```
#a5dd41 rgb(165,221,65)
```
#a8e539
```
#a8e539 rgb(168,229,57)
```
#aaee30
```
#aaee30 rgb(170,238,48)
```
#adf628
```
#adf628 rgb(173,246,40)
```
#afff1f
```
#afff1f rgb(175,255,31)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8d8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe984 Protanopia 1% of men
#ffe5c5 Deuteranopia 1% of men
#ceeeff Tritanopia 0.001% of the population

Trichromacy

#e1f15f Protanomaly 1% of men, 0.01% of women
#e1ee89 Deuteranomaly 6% of men, 0.4% of women
#c3f4ad Tritanomaly 0.01% of the population

#afff1f hex color

#afff1f Color Information

#afff1f Color Conversion

Color Schemes with #afff1f

Alternatives to #afff1f

#afff1f Preview

Shades and Tints of #afff1f

Tones of #afff1f

Color Blindness Simulator