#afff46 hex color

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

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

● #afff46 color description : Light green.

The hexadecimal color #afff46 has RGB values of R:175, G:255, B:70 and CMYK values of C:0.31, M:0, Y:0.73, K:0. Its decimal value is 11534150.

Hex triplet	afff46	`#afff46`
RGB Decimal	175, 255, 70	`rgb(175,255,70)`
RGB Percent	68.6, 100, 27.5	`rgb(68.6%,100%,27.5%)`
CMYK	31, 0, 73, 0
HSL	85.9°, 100, 63.7	`hsl(85.9,100%,63.7%)`
HSV (or HSB)	85.9°, 72.5, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.165, -50.727, 75.58
XYZ	54.543, 81.074, 18.569
xyY	0.354, 0.526, 81.074
CIE-LCH	92.165, 91.025, 123.868
CIE-LUV	92.165, -39.958, 97.996
Hunter-Lab	90.041, -49.444, 50.802
Binary	10101111, 11111111, 01000110

#afff46
```
#afff46 rgb(175,255,70)
```
#9646ff
```
#9646ff rgb(150,70,255)
```

Complementary Color

#fff346
```
#fff346 rgb(255,243,70)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#53ff46
```
#53ff46 rgb(83,255,70)
```

Analogous Color

#f346ff
```
#f346ff rgb(243,70,255)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#4653ff
```
#4653ff rgb(70,83,255)
```

Split Complementary Color

#ff46af
```
#ff46af rgb(255,70,175)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#46afff
```
#46afff rgb(70,175,255)
```

Triadic Color

#ff9646
```
#ff9646 rgb(255,150,70)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#46afff
```
#46afff rgb(70,175,255)
```
#9646ff
```
#9646ff rgb(150,70,255)
```

Tetradic Color

#8df900
```
#8df900 rgb(141,249,0)
```
#99ff13
```
#99ff13 rgb(153,255,19)
```
#a4ff2d
```
#a4ff2d rgb(164,255,45)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#baff60
```
#baff60 rgb(186,255,96)
```
#c5ff79
```
#c5ff79 rgb(197,255,121)
```
#d0ff93
```
#d0ff93 rgb(208,255,147)
```

Monochromatic Color

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

#ddff46
```
#ddff46 rgb(221,255,70)
```
#ceff46
```
#ceff46 rgb(206,255,70)
```
#beff46
```
#beff46 rgb(190,255,70)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#a0ff46
```
#a0ff46 rgb(160,255,70)
```
#90ff46
```
#90ff46 rgb(144,255,70)
```
#81ff46
```
#81ff46 rgb(129,255,70)
```

Similar Colors

Text with hexadecimal color #afff46

This text has a font color of #afff46.

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

#afff46 background color

This paragraph has a background color of #afff46.

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

#afff46 border color

This element has a border color of #afff46.

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

CSS codes

.text {color:#afff46;}

.background {background-color:#afff46;}

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

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

#060b00
```
#060b00 rgb(6,11,0)
```
#111f00
```
#111f00 rgb(17,31,0)
```
#1d3200
```
#1d3200 rgb(29,50,0)
```
#284600
```
#284600 rgb(40,70,0)
```
#335a00
```
#335a00 rgb(51,90,0)
```
#3e6d00
```
#3e6d00 rgb(62,109,0)
```
#498100
```
#498100 rgb(73,129,0)
```
#549400
```
#549400 rgb(84,148,0)
```
#5fa800
```
#5fa800 rgb(95,168,0)
```
#6bbc00
```
#6bbc00 rgb(107,188,0)
```
#76cf00
```
#76cf00 rgb(118,207,0)
```
#81e300
```
#81e300 rgb(129,227,0)
```
#8cf700
```
#8cf700 rgb(140,247,0)
```

Shade Color Variation

#96ff0b
```
#96ff0b rgb(150,255,11)
```
#9eff1f
```
#9eff1f rgb(158,255,31)
```
#a7ff32
```
#a7ff32 rgb(167,255,50)
```
#afff46
```
#afff46 rgb(175,255,70)
```
#b7ff5a
```
#b7ff5a rgb(183,255,90)
```
#c0ff6d
```
#c0ff6d rgb(192,255,109)
```
#c8ff81
```
#c8ff81 rgb(200,255,129)
```
#d1ff94
```
#d1ff94 rgb(209,255,148)
```
#d9ffa8
```
#d9ffa8 rgb(217,255,168)
```
#e2ffbc
```
#e2ffbc rgb(226,255,188)
```
#eaffcf
```
#eaffcf rgb(234,255,207)
```
#f3ffe3
```
#f3ffe3 rgb(243,255,227)
```
#fbfff7
```
#fbfff7 rgb(251,255,247)
```

Tint Color Variation

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

#a3aa9b
```
#a3aa9b rgb(163,170,155)
```
#a4b194
```
#a4b194 rgb(164,177,148)
```
#a5b88d
```
#a5b88d rgb(165,184,141)
```
#a6bf86
```
#a6bf86 rgb(166,191,134)
```
#a7c67f
```
#a7c67f rgb(167,198,127)
```
#a8cd78
```
#a8cd78 rgb(168,205,120)
```
#a9d471
```
#a9d471 rgb(169,212,113)
```
#aadb6a
```
#aadb6a rgb(170,219,106)
```
#abe362
```
#abe362 rgb(171,227,98)
```
#acea5b
```
#acea5b rgb(172,234,91)
```
#adf154
```
#adf154 rgb(173,241,84)
```
#aef84d
```
#aef84d rgb(174,248,77)
```
#afff46
```
#afff46 rgb(175,255,70)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbdbb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe988 Protanopia 1% of men
#ffe5c7 Deuteranopia 1% of men
#ceeeff Tritanopia 0.001% of the population

Trichromacy

#e1f170 Protanomaly 1% of men, 0.01% of women
#e1ef98 Deuteranomaly 6% of men, 0.4% of women
#c3f4bb Tritanomaly 0.01% of the population

#afff46 hex color

#afff46 Color Information

#afff46 Color Conversion

Color Schemes with #afff46

Alternatives to #afff46

#afff46 Preview

Shades and Tints of #afff46

Tones of #afff46

Color Blindness Simulator