#afff55 hex color

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

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

● #afff55 color description : Light green.

The hexadecimal color #afff55 has RGB values of R:175, G:255, B:85 and CMYK values of C:0.31, M:0, Y:0.67, K:0. Its decimal value is 11534165.

Hex triplet	afff55	`#afff55`
RGB Decimal	175, 255, 85	`rgb(175,255,85)`
RGB Percent	68.6, 100, 33.3	`rgb(68.6%,100%,33.3%)`
CMYK	31, 0, 67, 0
HSL	88.2°, 100, 66.7	`hsl(88.2,100%,66.7%)`
HSV (or HSB)	88.2°, 66.7, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.26, -49.784, 70.405
XYZ	55.077, 81.288, 21.382
xyY	0.349, 0.515, 81.288
CIE-LCH	92.26, 86.228, 125.265
CIE-LUV	92.26, -39.88, 93.817
Hunter-Lab	90.16, -48.736, 49.051
Binary	10101111, 11111111, 01010101

#afff55
```
#afff55 rgb(175,255,85)
```
#a555ff
```
#a555ff rgb(165,85,255)
```

Complementary Color

#fffa55
```
#fffa55 rgb(255,250,85)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#5aff55
```
#5aff55 rgb(90,255,85)
```

Analogous Color

#fa55ff
```
#fa55ff rgb(250,85,255)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#555aff
```
#555aff rgb(85,90,255)
```

Split Complementary Color

#ff55af
```
#ff55af rgb(255,85,175)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#55afff
```
#55afff rgb(85,175,255)
```

Triadic Color

#ffa555
```
#ffa555 rgb(255,165,85)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#55afff
```
#55afff rgb(85,175,255)
```
#a555ff
```
#a555ff rgb(165,85,255)
```

Tetradic Color

#8bff08
```
#8bff08 rgb(139,255,8)
```
#97ff22
```
#97ff22 rgb(151,255,34)
```
#a3ff3c
```
#a3ff3c rgb(163,255,60)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#bbff6f
```
#bbff6f rgb(187,255,111)
```
#c7ff88
```
#c7ff88 rgb(199,255,136)
```
#d3ffa2
```
#d3ffa2 rgb(211,255,162)
```

Monochromatic Color

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

#daff55
```
#daff55 rgb(218,255,85)
```
#cbff55
```
#cbff55 rgb(203,255,85)
```
#bdff55
```
#bdff55 rgb(189,255,85)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#a1ff55
```
#a1ff55 rgb(161,255,85)
```
#93ff55
```
#93ff55 rgb(147,255,85)
```
#85ff55
```
#85ff55 rgb(133,255,85)
```

Similar Colors

Text with hexadecimal color #afff55

This text has a font color of #afff55.

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

#afff55 background color

This paragraph has a background color of #afff55.

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

#afff55 border color

This element has a border color of #afff55.

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

CSS codes

.text {color:#afff55;}

.background {background-color:#afff55;}

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

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

#030700
```
#030700 rgb(3,7,0)
```
#0e1a00
```
#0e1a00 rgb(14,26,0)
```
#182e00
```
#182e00 rgb(24,46,0)
```
#234100
```
#234100 rgb(35,65,0)
```
#2d5500
```
#2d5500 rgb(45,85,0)
```
#376900
```
#376900 rgb(55,105,0)
```
#427c00
```
#427c00 rgb(66,124,0)
```
#4c9000
```
#4c9000 rgb(76,144,0)
```
#57a300
```
#57a300 rgb(87,163,0)
```
#61b700
```
#61b700 rgb(97,183,0)
```
#6bcb00
```
#6bcb00 rgb(107,203,0)
```
#76de00
```
#76de00 rgb(118,222,0)
```
#80f200
```
#80f200 rgb(128,242,0)
```

Shade Color Variation

#8aff07
```
#8aff07 rgb(138,255,7)
```
#93ff1a
```
#93ff1a rgb(147,255,26)
```
#9dff2e
```
#9dff2e rgb(157,255,46)
```
#a6ff41
```
#a6ff41 rgb(166,255,65)
```
#afff55
```
#afff55 rgb(175,255,85)
```
#b8ff69
```
#b8ff69 rgb(184,255,105)
```
#c1ff7c
```
#c1ff7c rgb(193,255,124)
```
#cbff90
```
#cbff90 rgb(203,255,144)
```
#d4ffa3
```
#d4ffa3 rgb(212,255,163)
```
#ddffb7
```
#ddffb7 rgb(221,255,183)
```
#e6ffcb
```
#e6ffcb rgb(230,255,203)
```
#f0ffde
```
#f0ffde rgb(240,255,222)
```
#f9fff2
```
#f9fff2 rgb(249,255,242)
```

Tint Color Variation

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

#aab1a3
```
#aab1a3 rgb(170,177,163)
```
#abb79d
```
#abb79d rgb(171,183,157)
```
#abbe96
```
#abbe96 rgb(171,190,150)
```
#acc490
```
#acc490 rgb(172,196,144)
```
#accb89
```
#accb89 rgb(172,203,137)
```
#acd183
```
#acd183 rgb(172,209,131)
```
#add87c
```
#add87c rgb(173,216,124)
```
#adde76
```
#adde76 rgb(173,222,118)
```
#ade56f
```
#ade56f rgb(173,229,111)
```
#aeeb69
```
#aeeb69 rgb(174,235,105)
```
#aef262
```
#aef262 rgb(174,242,98)
```
#aff85c
```
#aff85c rgb(175,248,92)
```
#afff55
```
#afff55 rgb(175,255,85)
```

Tone Color Variation

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

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

Trichromacy

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

#afff55 hex color

#afff55 Color Information

#afff55 Color Conversion

Color Schemes with #afff55

Alternatives to #afff55

#afff55 Preview

Shades and Tints of #afff55

Tones of #afff55

Color Blindness Simulator