#afff66 hex color

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

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

● #afff66 color description : Light green.

The hexadecimal color #afff66 has RGB values of R:175, G:255, B:102 and CMYK values of C:0.31, M:0, Y:0.6, K:0. Its decimal value is 11534182.

Hex triplet	afff66	`#afff66`
RGB Decimal	175, 255, 102	`rgb(175,255,102)`
RGB Percent	68.6, 100, 40	`rgb(68.6%,100%,40%)`
CMYK	31, 0, 60, 0
HSL	91.4°, 100, 70	`hsl(91.4,100%,70%)`
HSV (or HSB)	91.4°, 60, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.394, -48.46, 63.807
XYZ	55.836, 81.591, 25.376
xyY	0.343, 0.501, 81.591
CIE-LCH	92.394, 80.122, 127.216
CIE-LUV	92.394, -39.772, 88
Hunter-Lab	90.328, -47.735, 46.573
Binary	10101111, 11111111, 01100110

#afff66
```
#afff66 rgb(175,255,102)
```
#b666ff
```
#b666ff rgb(182,102,255)
```

Complementary Color

#fcff66
```
#fcff66 rgb(252,255,102)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#66ff6a
```
#66ff6a rgb(102,255,106)
```

Analogous Color

#ff66fc
```
#ff66fc rgb(255,102,252)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#6a66ff
```
#6a66ff rgb(106,102,255)
```

Split Complementary Color

#ff66af
```
#ff66af rgb(255,102,175)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#66afff
```
#66afff rgb(102,175,255)
```

Triadic Color

#ffb666
```
#ffb666 rgb(255,182,102)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#66afff
```
#66afff rgb(102,175,255)
```
#b666ff
```
#b666ff rgb(182,102,255)
```

Tetradic Color

#87ff1a
```
#87ff1a rgb(135,255,26)
```
#94ff33
```
#94ff33 rgb(148,255,51)
```
#a2ff4d
```
#a2ff4d rgb(162,255,77)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#bcff80
```
#bcff80 rgb(188,255,128)
```
#caff99
```
#caff99 rgb(202,255,153)
```
#d7ffb3
```
#d7ffb3 rgb(215,255,179)
```

Monochromatic Color

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

#d5ff66
```
#d5ff66 rgb(213,255,102)
```
#c9ff66
```
#c9ff66 rgb(201,255,102)
```
#bcff66
```
#bcff66 rgb(188,255,102)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#a2ff66
```
#a2ff66 rgb(162,255,102)
```
#96ff66
```
#96ff66 rgb(150,255,102)
```
#89ff66
```
#89ff66 rgb(137,255,102)
```

Similar Colors

Text with hexadecimal color #afff66

This text has a font color of #afff66.

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

#afff66 background color

This paragraph has a background color of #afff66.

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

#afff66 border color

This element has a border color of #afff66.

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

CSS codes

.text {color:#afff66;}

.background {background-color:#afff66;}

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

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

#020400
```
#020400 rgb(2,4,0)
```
#0b1800
```
#0b1800 rgb(11,24,0)
```
#152b00
```
#152b00 rgb(21,43,0)
```
#1e3f00
```
#1e3f00 rgb(30,63,0)
```
#275200
```
#275200 rgb(39,82,0)
```
#316600
```
#316600 rgb(49,102,0)
```
#3a7a00
```
#3a7a00 rgb(58,122,0)
```
#438d00
```
#438d00 rgb(67,141,0)
```
#4da100
```
#4da100 rgb(77,161,0)
```
#56b400
```
#56b400 rgb(86,180,0)
```
#5fc800
```
#5fc800 rgb(95,200,0)
```
#69dc00
```
#69dc00 rgb(105,220,0)
```
#72ef00
```
#72ef00 rgb(114,239,0)
```

Shade Color Variation

#7cff04
```
#7cff04 rgb(124,255,4)
```
#86ff18
```
#86ff18 rgb(134,255,24)
```
#90ff2b
```
#90ff2b rgb(144,255,43)
```
#9aff3f
```
#9aff3f rgb(154,255,63)
```
#a5ff52
```
#a5ff52 rgb(165,255,82)
```
#afff66
```
#afff66 rgb(175,255,102)
```
#b9ff7a
```
#b9ff7a rgb(185,255,122)
```
#c4ff8d
```
#c4ff8d rgb(196,255,141)
```
#ceffa1
```
#ceffa1 rgb(206,255,161)
```
#d8ffb4
```
#d8ffb4 rgb(216,255,180)
```
#e2ffc8
```
#e2ffc8 rgb(226,255,200)
```
#edffdc
```
#edffdc rgb(237,255,220)
```
#f7ffef
```
#f7ffef rgb(247,255,239)
```

Tint Color Variation

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

#b2b8ad
```
#b2b8ad rgb(178,184,173)
```
#b2bea7
```
#b2bea7 rgb(178,190,167)
```
#b2c4a1
```
#b2c4a1 rgb(178,196,161)
```
#b1ca9b
```
#b1ca9b rgb(177,202,155)
```
#b1d095
```
#b1d095 rgb(177,208,149)
```
#b1d68f
```
#b1d68f rgb(177,214,143)
```
#b1dc89
```
#b1dc89 rgb(177,220,137)
```
#b0e283
```
#b0e283 rgb(176,226,131)
```
#b0e77e
```
#b0e77e rgb(176,231,126)
```
#b0ed78
```
#b0ed78 rgb(176,237,120)
```
#b0f372
```
#b0f372 rgb(176,243,114)
```
#aff96c
```
#aff96c rgb(175,249,108)
```
#afff66
```
#afff66 rgb(175,255,102)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cedec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8f Protanopia 1% of men
#ffe6cb Deuteranopia 1% of men
#cfefff Tritanopia 0.001% of the population

Trichromacy

#e1f180 Protanomaly 1% of men, 0.01% of women
#e1efa6 Deuteranomaly 6% of men, 0.4% of women
#c3f5c7 Tritanomaly 0.01% of the population

#afff66 hex color

#afff66 Color Information

#afff66 Color Conversion

Color Schemes with #afff66

Alternatives to #afff66

#afff66 Preview

Shades and Tints of #afff66

Tones of #afff66

Color Blindness Simulator