#afff45 hex color

In a RGB color space, hex #afff45 is composed of 68.6% red, 100% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 0% magenta, 72.9% yellow and 0% black. It has a hue angle of 85.8 degrees, a saturation of 100% and a lightness of 63.5%. #afff45 color hex could be obtained by blending #ffff8a with #5fff00. Closest websafe color is: #99ff33.

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

● #afff45 color description : Light green.

The hexadecimal color #afff45 has RGB values of R:175, G:255, B:69 and CMYK values of C:0.31, M:0, Y:0.73, K:0. Its decimal value is 11534149.

Hex triplet	afff45	`#afff45`
RGB Decimal	175, 255, 69	`rgb(175,255,69)`
RGB Percent	68.6, 100, 27.1	`rgb(68.6%,100%,27.1%)`
CMYK	31, 0, 73, 0
HSL	85.8°, 100, 63.5	`hsl(85.8,100%,63.5%)`
HSV (or HSB)	85.8°, 72.9, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.159, -50.783, 75.9
XYZ	54.512, 81.062, 18.404
xyY	0.354, 0.526, 81.062
CIE-LCH	92.159, 91.322, 123.785
CIE-LUV	92.159, -39.963, 98.243
Hunter-Lab	90.034, -49.486, 50.904
Binary	10101111, 11111111, 01000101

#afff45
```
#afff45 rgb(175,255,69)
```
#9545ff
```
#9545ff rgb(149,69,255)
```

Complementary Color

#fff245
```
#fff245 rgb(255,242,69)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#52ff45
```
#52ff45 rgb(82,255,69)
```

Analogous Color

#f245ff
```
#f245ff rgb(242,69,255)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#4552ff
```
#4552ff rgb(69,82,255)
```

Split Complementary Color

#ff45af
```
#ff45af rgb(255,69,175)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#45afff
```
#45afff rgb(69,175,255)
```

Triadic Color

#ff9545
```
#ff9545 rgb(255,149,69)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#45afff
```
#45afff rgb(69,175,255)
```
#9545ff
```
#9545ff rgb(149,69,255)
```

Tetradic Color

#8df800
```
#8df800 rgb(141,248,0)
```
#99ff12
```
#99ff12 rgb(153,255,18)
```
#a4ff2c
```
#a4ff2c rgb(164,255,44)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#baff5f
```
#baff5f rgb(186,255,95)
```
#c5ff78
```
#c5ff78 rgb(197,255,120)
```
#d0ff92
```
#d0ff92 rgb(208,255,146)
```

Monochromatic Color

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

#deff45
```
#deff45 rgb(222,255,69)
```
#ceff45
```
#ceff45 rgb(206,255,69)
```
#bfff45
```
#bfff45 rgb(191,255,69)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#a0ff45
```
#a0ff45 rgb(160,255,69)
```
#90ff45
```
#90ff45 rgb(144,255,69)
```
#81ff45
```
#81ff45 rgb(129,255,69)
```

Similar Colors

Text with hexadecimal color #afff45

This text has a font color of #afff45.

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

#afff45 background color

This paragraph has a background color of #afff45.

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

#afff45 border color

This element has a border color of #afff45.

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

CSS codes

.text {color:#afff45;}

.background {background-color:#afff45;}

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

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

#060a00
```
#060a00 rgb(6,10,0)
```
#111e00
```
#111e00 rgb(17,30,0)
```
#1c3100
```
#1c3100 rgb(28,49,0)
```
#274500
```
#274500 rgb(39,69,0)
```
#335900
```
#335900 rgb(51,89,0)
```
#3e6c00
```
#3e6c00 rgb(62,108,0)
```
#498000
```
#498000 rgb(73,128,0)
```
#549300
```
#549300 rgb(84,147,0)
```
#5fa700
```
#5fa700 rgb(95,167,0)
```
#6abb00
```
#6abb00 rgb(106,187,0)
```
#76ce00
```
#76ce00 rgb(118,206,0)
```
#81e200
```
#81e200 rgb(129,226,0)
```
#8cf600
```
#8cf600 rgb(140,246,0)
```

Shade Color Variation

#96ff0a
```
#96ff0a rgb(150,255,10)
```
#9eff1e
```
#9eff1e rgb(158,255,30)
```
#a7ff31
```
#a7ff31 rgb(167,255,49)
```
#afff45
```
#afff45 rgb(175,255,69)
```
#b7ff59
```
#b7ff59 rgb(183,255,89)
```
#c0ff6c
```
#c0ff6c rgb(192,255,108)
```
#c8ff80
```
#c8ff80 rgb(200,255,128)
```
#d1ff93
```
#d1ff93 rgb(209,255,147)
```
#d9ffa7
```
#d9ffa7 rgb(217,255,167)
```
#e2ffbb
```
#e2ffbb rgb(226,255,187)
```
#eaffce
```
#eaffce rgb(234,255,206)
```
#f2ffe2
```
#f2ffe2 rgb(242,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, #a3a99b is the less saturated color, while #afff45 is the most saturated one.

#a3a99b
```
#a3a99b rgb(163,169,155)
```
#a4b094
```
#a4b094 rgb(164,176,148)
```
#a5b78d
```
#a5b78d rgb(165,183,141)
```
#a6bf85
```
#a6bf85 rgb(166,191,133)
```
#a7c67e
```
#a7c67e rgb(167,198,126)
```
#a8cd77
```
#a8cd77 rgb(168,205,119)
```
#a9d470
```
#a9d470 rgb(169,212,112)
```
#aadb69
```
#aadb69 rgb(170,219,105)
```
#abe262
```
#abe262 rgb(171,226,98)
```
#acea5a
```
#acea5a rgb(172,234,90)
```
#adf153
```
#adf153 rgb(173,241,83)
```
#aef84c
```
#aef84c rgb(174,248,76)
```
#afff45
```
#afff45 rgb(175,255,69)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbdbb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe988 Protanopia 1% of men
#ffe5c7 Deuteranopia 1% of men
#ceeeff Tritanopia 0.001% of the population

Trichromacy

#e1f170 Protanomaly 1% of men, 0.01% of women
#e1ef98 Deuteranomaly 6% of men, 0.4% of women
#c3f4bb Tritanomaly 0.01% of the population

#afff45 hex color

#afff45 Color Information

#afff45 Color Conversion

Color Schemes with #afff45

Alternatives to #afff45

#afff45 Preview

Shades and Tints of #afff45

Tones of #afff45

Color Blindness Simulator