#afff60 hex color

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

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

● #afff60 color description : Light green.

The hexadecimal color #afff60 has RGB values of R:175, G:255, B:96 and CMYK values of C:0.31, M:0, Y:0.62, K:0. Its decimal value is 11534176.

Hex triplet	afff60	`#afff60`
RGB Decimal	175, 255, 96	`rgb(175,255,96)`
RGB Percent	68.6, 100, 37.6	`rgb(68.6%,100%,37.6%)`
CMYK	31, 0, 62, 0
HSL	90.2°, 100, 68.8	`hsl(90.2,100%,68.8%)`
HSV (or HSB)	90.2°, 62.4, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.343, -48.959, 66.212
XYZ	55.549, 81.477, 23.865
xyY	0.345, 0.506, 81.477
CIE-LCH	92.343, 82.347, 126.48
CIE-LUV	92.343, -39.812, 90.185
Hunter-Lab	90.264, -48.113, 47.509
Binary	10101111, 11111111, 01100000

#afff60
```
#afff60 rgb(175,255,96)
```
#b060ff
```
#b060ff rgb(176,96,255)
```

Complementary Color

#ffff60
```
#ffff60 rgb(255,255,96)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#60ff61
```
#60ff61 rgb(96,255,97)
```

Analogous Color

#ff60ff
```
#ff60ff rgb(255,96,255)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#6160ff
```
#6160ff rgb(97,96,255)
```

Split Complementary Color

#ff60af
```
#ff60af rgb(255,96,175)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#60afff
```
#60afff rgb(96,175,255)
```

Triadic Color

#ffb060
```
#ffb060 rgb(255,176,96)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#60afff
```
#60afff rgb(96,175,255)
```
#b060ff
```
#b060ff rgb(176,96,255)
```

Tetradic Color

#89ff14
```
#89ff14 rgb(137,255,20)
```
#95ff2d
```
#95ff2d rgb(149,255,45)
```
#a2ff47
```
#a2ff47 rgb(162,255,71)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#bcff7a
```
#bcff7a rgb(188,255,122)
```
#c9ff93
```
#c9ff93 rgb(201,255,147)
```
#d5ffad
```
#d5ffad rgb(213,255,173)
```

Monochromatic Color

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

#d7ff60
```
#d7ff60 rgb(215,255,96)
```
#caff60
```
#caff60 rgb(202,255,96)
```
#bcff60
```
#bcff60 rgb(188,255,96)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#a2ff60
```
#a2ff60 rgb(162,255,96)
```
#95ff60
```
#95ff60 rgb(149,255,96)
```
#87ff60
```
#87ff60 rgb(135,255,96)
```

Similar Colors

Text with hexadecimal color #afff60

This text has a font color of #afff60.

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

#afff60 background color

This paragraph has a background color of #afff60.

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

#afff60 border color

This element has a border color of #afff60.

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

CSS codes

.text {color:#afff60;}

.background {background-color:#afff60;}

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

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

#091200
```
#091200 rgb(9,18,0)
```
#122500
```
#122500 rgb(18,37,0)
```
#1c3900
```
#1c3900 rgb(28,57,0)
```
#264c00
```
#264c00 rgb(38,76,0)
```
#306000
```
#306000 rgb(48,96,0)
```
#397400
```
#397400 rgb(57,116,0)
```
#438700
```
#438700 rgb(67,135,0)
```
#4d9b00
```
#4d9b00 rgb(77,155,0)
```
#57ae00
```
#57ae00 rgb(87,174,0)
```
#60c200
```
#60c200 rgb(96,194,0)
```
#6ad600
```
#6ad600 rgb(106,214,0)
```
#74e900
```
#74e900 rgb(116,233,0)
```
#7efd00
```
#7efd00 rgb(126,253,0)
```

Shade Color Variation

#88ff12
```
#88ff12 rgb(136,255,18)
```
#91ff25
```
#91ff25 rgb(145,255,37)
```
#9bff39
```
#9bff39 rgb(155,255,57)
```
#a5ff4c
```
#a5ff4c rgb(165,255,76)
```
#afff60
```
#afff60 rgb(175,255,96)
```
#b9ff74
```
#b9ff74 rgb(185,255,116)
```
#c3ff87
```
#c3ff87 rgb(195,255,135)
```
#cdff9b
```
#cdff9b rgb(205,255,155)
```
#d6ffae
```
#d6ffae rgb(214,255,174)
```
#e0ffc2
```
#e0ffc2 rgb(224,255,194)
```
#eaffd6
```
#eaffd6 rgb(234,255,214)
```
#f4ffe9
```
#f4ffe9 rgb(244,255,233)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#afb6a9
```
#afb6a9 rgb(175,182,169)
```
#afbca3
```
#afbca3 rgb(175,188,163)
```
#afc29d
```
#afc29d rgb(175,194,157)
```
#afc897
```
#afc897 rgb(175,200,151)
```
#afce91
```
#afce91 rgb(175,206,145)
```
#afd48b
```
#afd48b rgb(175,212,139)
```
#afda85
```
#afda85 rgb(175,218,133)
```
#afe07f
```
#afe07f rgb(175,224,127)
```
#afe778
```
#afe778 rgb(175,231,120)
```
#afed72
```
#afed72 rgb(175,237,114)
```
#aff36c
```
#aff36c rgb(175,243,108)
```
#aff966
```
#aff966 rgb(175,249,102)
```
#afff60
```
#afff60 rgb(175,255,96)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#cdddbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8e Protanopia 1% of men
#ffe6ca Deuteranopia 1% of men
#cfefff Tritanopia 0.001% of the population

Trichromacy

#e1f17d Protanomaly 1% of men, 0.01% of women
#e1efa3 Deuteranomaly 6% of men, 0.4% of women
#c3f4c5 Tritanomaly 0.01% of the population

#afff60 hex color

#afff60 Color Information

#afff60 Color Conversion

Color Schemes with #afff60

Alternatives to #afff60

#afff60 Preview

Shades and Tints of #afff60

Tones of #afff60

Color Blindness Simulator