#afff57 hex color

In a RGB color space, hex #afff57 is composed of 68.6% red, 100% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 0% magenta, 65.9% yellow and 0% black. It has a hue angle of 88.6 degrees, a saturation of 100% and a lightness of 67.1%. #afff57 color hex could be obtained by blending #ffffae with #5fff00. Closest websafe color is: #99ff66.

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

● #afff57 color description : Light green.

The hexadecimal color #afff57 has RGB values of R:175, G:255, B:87 and CMYK values of C:0.31, M:0, Y:0.66, K:0. Its decimal value is 11534167.

Hex triplet	afff57	`#afff57`
RGB Decimal	175, 255, 87	`rgb(175,255,87)`
RGB Percent	68.6, 100, 34.1	`rgb(68.6%,100%,34.1%)`
CMYK	31, 0, 66, 0
HSL	88.6°, 100, 67.1	`hsl(88.6,100%,67.1%)`
HSV (or HSB)	88.6°, 65.9, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.274, -49.643, 69.665
XYZ	55.158, 81.32, 21.807
xyY	0.348, 0.514, 81.32
CIE-LCH	92.274, 85.543, 125.473
CIE-LUV	92.274, -39.868, 93.193
Hunter-Lab	90.178, -48.63, 48.787
Binary	10101111, 11111111, 01010111

#afff57
```
#afff57 rgb(175,255,87)
```
#a757ff
```
#a757ff rgb(167,87,255)
```

Complementary Color

#fffb57
```
#fffb57 rgb(255,251,87)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#5bff57
```
#5bff57 rgb(91,255,87)
```

Analogous Color

#fb57ff
```
#fb57ff rgb(251,87,255)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#575bff
```
#575bff rgb(87,91,255)
```

Split Complementary Color

#ff57af
```
#ff57af rgb(255,87,175)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#57afff
```
#57afff rgb(87,175,255)
```

Triadic Color

#ffa757
```
#ffa757 rgb(255,167,87)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#57afff
```
#57afff rgb(87,175,255)
```
#a757ff
```
#a757ff rgb(167,87,255)
```

Tetradic Color

#8bff0b
```
#8bff0b rgb(139,255,11)
```
#97ff24
```
#97ff24 rgb(151,255,36)
```
#a3ff3e
```
#a3ff3e rgb(163,255,62)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#bbff71
```
#bbff71 rgb(187,255,113)
```
#c7ff8a
```
#c7ff8a rgb(199,255,138)
```
#d3ffa4
```
#d3ffa4 rgb(211,255,164)
```

Monochromatic Color

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

#d9ff57
```
#d9ff57 rgb(217,255,87)
```
#cbff57
```
#cbff57 rgb(203,255,87)
```
#bdff57
```
#bdff57 rgb(189,255,87)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#a1ff57
```
#a1ff57 rgb(161,255,87)
```
#93ff57
```
#93ff57 rgb(147,255,87)
```
#85ff57
```
#85ff57 rgb(133,255,87)
```

Similar Colors

Text with hexadecimal color #afff57

This text has a font color of #afff57.

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

#afff57 background color

This paragraph has a background color of #afff57.

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

#afff57 border color

This element has a border color of #afff57.

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

CSS codes

.text {color:#afff57;}

.background {background-color:#afff57;}

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

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

#040900
```
#040900 rgb(4,9,0)
```
#0f1c00
```
#0f1c00 rgb(15,28,0)
```
#193000
```
#193000 rgb(25,48,0)
```
#234300
```
#234300 rgb(35,67,0)
```
#2e5700
```
#2e5700 rgb(46,87,0)
```
#386b00
```
#386b00 rgb(56,107,0)
```
#427e00
```
#427e00 rgb(66,126,0)
```
#4c9200
```
#4c9200 rgb(76,146,0)
```
#57a500
```
#57a500 rgb(87,165,0)
```
#61b900
```
#61b900 rgb(97,185,0)
```
#6bcd00
```
#6bcd00 rgb(107,205,0)
```
#75e000
```
#75e000 rgb(117,224,0)
```
#80f400
```
#80f400 rgb(128,244,0)
```

Shade Color Variation

#8aff09
```
#8aff09 rgb(138,255,9)
```
#93ff1c
```
#93ff1c rgb(147,255,28)
```
#9cff30
```
#9cff30 rgb(156,255,48)
```
#a6ff43
```
#a6ff43 rgb(166,255,67)
```
#afff57
```
#afff57 rgb(175,255,87)
```
#b8ff6b
```
#b8ff6b rgb(184,255,107)
```
#c2ff7e
```
#c2ff7e rgb(194,255,126)
```
#cbff92
```
#cbff92 rgb(203,255,146)
```
#d4ffa5
```
#d4ffa5 rgb(212,255,165)
```
#deffb9
```
#deffb9 rgb(222,255,185)
```
#e7ffcd
```
#e7ffcd rgb(231,255,205)
```
#f0ffe0
```
#f0ffe0 rgb(240,255,224)
```
#fafff4
```
#fafff4 rgb(250,255,244)
```

Tint Color Variation

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

#abb1a5
```
#abb1a5 rgb(171,177,165)
```
#acb89e
```
#acb89e rgb(172,184,158)
```
#acbe98
```
#acbe98 rgb(172,190,152)
```
#acc591
```
#acc591 rgb(172,197,145)
```
#adcb8b
```
#adcb8b rgb(173,203,139)
```
#add284
```
#add284 rgb(173,210,132)
```
#add87e
```
#add87e rgb(173,216,126)
```
#addf77
```
#addf77 rgb(173,223,119)
```
#aee571
```
#aee571 rgb(174,229,113)
```
#aeec6a
```
#aeec6a rgb(174,236,106)
```
#aef264
```
#aef264 rgb(174,242,100)
```
#aff95d
```
#aff95d rgb(175,249,93)
```
#afff57
```
#afff57 rgb(175,255,87)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cdddbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8c Protanopia 1% of men
#ffe6c9 Deuteranopia 1% of men
#cfeeff Tritanopia 0.001% of the population

Trichromacy

#e1f178 Protanomaly 1% of men, 0.01% of women
#e1ef9f Deuteranomaly 6% of men, 0.4% of women
#c3f4c1 Tritanomaly 0.01% of the population

#afff57 hex color

#afff57 Color Information

#afff57 Color Conversion

Color Schemes with #afff57

Alternatives to #afff57

#afff57 Preview

Shades and Tints of #afff57

Tones of #afff57

Color Blindness Simulator