#afff59 hex color

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

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

● #afff59 color description : Light green.

The hexadecimal color #afff59 has RGB values of R:175, G:255, B:89 and CMYK values of C:0.31, M:0, Y:0.65, K:0. Its decimal value is 11534169.

Hex triplet	afff59	`#afff59`
RGB Decimal	175, 255, 89	`rgb(175,255,89)`
RGB Percent	68.6, 100, 34.9	`rgb(68.6%,100%,34.9%)`
CMYK	31, 0, 65, 0
HSL	88.9°, 100, 67.5	`hsl(88.9,100%,67.5%)`
HSV (or HSB)	88.9°, 65.1, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.289, -49.498, 68.915
XYZ	55.241, 81.353, 22.243
xyY	0.348, 0.512, 81.353
CIE-LCH	92.289, 84.849, 125.687
CIE-LUV	92.289, -39.856, 92.552
Hunter-Lab	90.196, -48.52, 48.516
Binary	10101111, 11111111, 01011001

#afff59
```
#afff59 rgb(175,255,89)
```
#a959ff
```
#a959ff rgb(169,89,255)
```

Complementary Color

#fffc59
```
#fffc59 rgb(255,252,89)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#5cff59
```
#5cff59 rgb(92,255,89)
```

Analogous Color

#fc59ff
```
#fc59ff rgb(252,89,255)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#595cff
```
#595cff rgb(89,92,255)
```

Split Complementary Color

#ff59af
```
#ff59af rgb(255,89,175)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#59afff
```
#59afff rgb(89,175,255)
```

Triadic Color

#ffa959
```
#ffa959 rgb(255,169,89)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#59afff
```
#59afff rgb(89,175,255)
```
#a959ff
```
#a959ff rgb(169,89,255)
```

Tetradic Color

#8aff0d
```
#8aff0d rgb(138,255,13)
```
#96ff26
```
#96ff26 rgb(150,255,38)
```
#a3ff40
```
#a3ff40 rgb(163,255,64)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#bbff73
```
#bbff73 rgb(187,255,115)
```
#c8ff8c
```
#c8ff8c rgb(200,255,140)
```
#d4ffa6
```
#d4ffa6 rgb(212,255,166)
```

Monochromatic Color

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

#d9ff59
```
#d9ff59 rgb(217,255,89)
```
#cbff59
```
#cbff59 rgb(203,255,89)
```
#bdff59
```
#bdff59 rgb(189,255,89)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#a1ff59
```
#a1ff59 rgb(161,255,89)
```
#93ff59
```
#93ff59 rgb(147,255,89)
```
#86ff59
```
#86ff59 rgb(134,255,89)
```

Similar Colors

Text with hexadecimal color #afff59

This text has a font color of #afff59.

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

#afff59 background color

This paragraph has a background color of #afff59.

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

#afff59 border color

This element has a border color of #afff59.

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

CSS codes

.text {color:#afff59;}

.background {background-color:#afff59;}

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

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

#050b00
```
#050b00 rgb(5,11,0)
```
#101e00
```
#101e00 rgb(16,30,0)
```
#1a3200
```
#1a3200 rgb(26,50,0)
```
#244500
```
#244500 rgb(36,69,0)
```
#2e5900
```
#2e5900 rgb(46,89,0)
```
#386d00
```
#386d00 rgb(56,109,0)
```
#428000
```
#428000 rgb(66,128,0)
```
#4d9400
```
#4d9400 rgb(77,148,0)
```
#57a700
```
#57a700 rgb(87,167,0)
```
#61bb00
```
#61bb00 rgb(97,187,0)
```
#6bcf00
```
#6bcf00 rgb(107,207,0)
```
#75e200
```
#75e200 rgb(117,226,0)
```
#7ff600
```
#7ff600 rgb(127,246,0)
```

Shade Color Variation

#89ff0b
```
#89ff0b rgb(137,255,11)
```
#93ff1e
```
#93ff1e rgb(147,255,30)
```
#9cff32
```
#9cff32 rgb(156,255,50)
```
#a6ff45
```
#a6ff45 rgb(166,255,69)
```
#afff59
```
#afff59 rgb(175,255,89)
```
#b8ff6d
```
#b8ff6d rgb(184,255,109)
```
#c2ff80
```
#c2ff80 rgb(194,255,128)
```
#cbff94
```
#cbff94 rgb(203,255,148)
```
#d5ffa7
```
#d5ffa7 rgb(213,255,167)
```
#deffbb
```
#deffbb rgb(222,255,187)
```
#e8ffcf
```
#e8ffcf rgb(232,255,207)
```
#f1ffe2
```
#f1ffe2 rgb(241,255,226)
```
#fbfff6
```
#fbfff6 rgb(251,255,246)
```

Tint Color Variation

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

#acb2a6
```
#acb2a6 rgb(172,178,166)
```
#acb99f
```
#acb99f rgb(172,185,159)
```
#adbf99
```
#adbf99 rgb(173,191,153)
```
#adc692
```
#adc692 rgb(173,198,146)
```
#adcc8c
```
#adcc8c rgb(173,204,140)
```
#add286
```
#add286 rgb(173,210,134)
```
#aed97f
```
#aed97f rgb(174,217,127)
```
#aedf79
```
#aedf79 rgb(174,223,121)
```
#aee573
```
#aee573 rgb(174,229,115)
```
#aeec6c
```
#aeec6c rgb(174,236,108)
```
#aff266
```
#aff266 rgb(175,242,102)
```
#aff95f
```
#aff95f rgb(175,249,95)
```
#afff59
```
#afff59 rgb(175,255,89)
```

Tone Color Variation

Below, you can see how #afff59 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
#cfefff Tritanopia 0.001% of the population

Trichromacy

#e1f179 Protanomaly 1% of men, 0.01% of women
#e1efa0 Deuteranomaly 6% of men, 0.4% of women
#c3f4c2 Tritanomaly 0.01% of the population

#afff59 hex color

#afff59 Color Information

#afff59 Color Conversion

Color Schemes with #afff59

Alternatives to #afff59

#afff59 Preview

Shades and Tints of #afff59

Tones of #afff59

Color Blindness Simulator