#5af22f hex color

In a RGB color space, hex #5af22f is composed of 35.3% red, 94.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 0% magenta, 80.6% yellow and 5.1% black. It has a hue angle of 106.8 degrees, a saturation of 88.2% and a lightness of 56.7%. #5af22f color hex could be obtained by blending #b4ff5e with #00e500. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 35
- G 95
- B 18
RGB color chart
- C 63
- M 0
- Y 81
- K 5
CMYK color chart

● #5af22f color description : Bright lime green.

The hexadecimal color #5af22f has RGB values of R:90, G:242, B:47 and CMYK values of C:0.63, M:0, Y:0.81, K:0.05. Its decimal value is 5960239.

Hex triplet	5af22f	`#5af22f`
RGB Decimal	90, 242, 47	`rgb(90,242,47)`
RGB Percent	35.3, 94.9, 18.4	`rgb(35.3%,94.9%,18.4%)`
CMYK	63, 0, 81, 5
HSL	106.8°, 88.2, 56.7	`hsl(106.8,88.2%,56.7%)`
HSV (or HSB)	106.8°, 80.6, 94.9
Web Safe	66ff33	`#66ff33`

CIE-LAB	84.935, -71.701, 74.34
XYZ	36.48, 65.88, 13.483
xyY	0.315, 0.569, 65.88
CIE-LCH	84.935, 103.283, 133.965
CIE-LUV	84.935, -67.18, 97.529
Hunter-Lab	81.166, -61.815, 46.968
Binary	01011010, 11110010, 00101111

#5af22f
```
#5af22f rgb(90,242,47)
```
#c72ff2
```
#c72ff2 rgb(199,47,242)
```

Complementary Color

#bcf22f
```
#bcf22f rgb(188,242,47)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#2ff266
```
#2ff266 rgb(47,242,102)
```

Analogous Color

#f22fbc
```
#f22fbc rgb(242,47,188)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#662ff2
```
#662ff2 rgb(102,47,242)
```

Split Complementary Color

#f22f5a
```
#f22f5a rgb(242,47,90)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#2f5af2
```
#2f5af2 rgb(47,90,242)
```

Triadic Color

#f2c72f
```
#f2c72f rgb(242,199,47)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#2f5af2
```
#2f5af2 rgb(47,90,242)
```
#c72ff2
```
#c72ff2 rgb(199,47,242)
```

Tetradic Color

#36c80d
```
#36c80d rgb(54,200,13)
```
#3ce00e
```
#3ce00e rgb(60,224,14)
```
#47f117
```
#47f117 rgb(71,241,23)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#6df447
```
#6df447 rgb(109,244,71)
```
#80f55f
```
#80f55f rgb(128,245,95)
```
#93f777
```
#93f777 rgb(147,247,119)
```

Monochromatic Color

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

#8bf22f
```
#8bf22f rgb(139,242,47)
```
#7bf22f
```
#7bf22f rgb(123,242,47)
```
#6af22f
```
#6af22f rgb(106,242,47)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#4af22f
```
#4af22f rgb(74,242,47)
```
#3af22f
```
#3af22f rgb(58,242,47)
```
#2ff235
```
#2ff235 rgb(47,242,53)
```

Similar Colors

Text with hexadecimal color #5af22f

This text has a font color of #5af22f.

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

#5af22f background color

This paragraph has a background color of #5af22f.

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

#5af22f border color

This element has a border color of #5af22f.

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

CSS codes

.text {color:#5af22f;}

.background {background-color:#5af22f;}

.border {border:1px solid #5af22f;}

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, #040e01 is the darkest color, while #fbfffa is the lightest one.

#040e01
```
#040e01 rgb(4,14,1)
```
#092002
```
#092002 rgb(9,32,2)
```
#0e3203
```
#0e3203 rgb(14,50,3)
```
#134504
```
#134504 rgb(19,69,4)
```
#185705
```
#185705 rgb(24,87,5)
```
#1c6a07
```
#1c6a07 rgb(28,106,7)
```
#217c08
```
#217c08 rgb(33,124,8)
```
#268f09
```
#268f09 rgb(38,143,9)
```
#2ba10a
```
#2ba10a rgb(43,161,10)
```
#30b40b
```
#30b40b rgb(48,180,11)
```
#35c60c
```
#35c60c rgb(53,198,12)
```
#3ad90e
```
#3ad90e rgb(58,217,14)
```
#3feb0f
```
#3feb0f rgb(63,235,15)
```

Shade Color Variation

#4bf11d
```
#4bf11d rgb(75,241,29)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#69f341
```
#69f341 rgb(105,243,65)
```
#77f454
```
#77f454 rgb(119,244,84)
```
#86f566
```
#86f566 rgb(134,245,102)
```
#95f779
```
#95f779 rgb(149,247,121)
```
#a3f88b
```
#a3f88b rgb(163,248,139)
```
#b2f99e
```
#b2f99e rgb(178,249,158)
```
#c1fab0
```
#c1fab0 rgb(193,250,176)
```
#cffbc3
```
#cffbc3 rgb(207,251,195)
```
#defcd5
```
#defcd5 rgb(222,252,213)
```
#ecfee8
```
#ecfee8 rgb(236,254,232)
```
#fbfffa
```
#fbfffa rgb(251,255,250)
```

Tint Color Variation

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

#8e958d
```
#8e958d rgb(142,149,141)
```
#8a9d84
```
#8a9d84 rgb(138,157,132)
```
#85a67c
```
#85a67c rgb(133,166,124)
```
#80ae73
```
#80ae73 rgb(128,174,115)
```
#7bb76b
```
#7bb76b rgb(123,183,107)
```
#77bf62
```
#77bf62 rgb(119,191,98)
```
#72c85a
```
#72c85a rgb(114,200,90)
```
#6dd051
```
#6dd051 rgb(109,208,81)
```
#68d949
```
#68d949 rgb(104,217,73)
```
#64e140
```
#64e140 rgb(100,225,64)
```
#5fea38
```
#5fea38 rgb(95,234,56)
```
#5af22f
```
#5af22f rgb(90,242,47)
```
#55fb27
```
#55fb27 rgb(85,251,39)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9dbc95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd632 Protanopia 1% of men
#ffce81 Deuteranopia 1% of men
#90e2f3 Tritanopia 0.001% of the population

Trichromacy

#b9e031 Protanomaly 1% of men, 0.01% of women
#c3db63 Deuteranomaly 6% of men, 0.4% of women
#7ce8ab Tritanomaly 0.01% of the population

#5af22f hex color

#5af22f Color Information

#5af22f Color Conversion

Color Schemes with #5af22f

Alternatives to #5af22f

#5af22f Preview

Shades and Tints of #5af22f

Tones of #5af22f

Color Blindness Simulator