#5af22c hex color

In a RGB color space, hex #5af22c is composed of 35.3% red, 94.9% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 0% magenta, 81.8% yellow and 5.1% black. It has a hue angle of 106.1 degrees, a saturation of 88.4% and a lightness of 56.1%. #5af22c color hex could be obtained by blending #b4ff58 with #00e500. Closest websafe color is: #66ff33.

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

● #5af22c color description : Bright lime green.

The hexadecimal color #5af22c has RGB values of R:90, G:242, B:44 and CMYK values of C:0.63, M:0, Y:0.82, K:0.05. Its decimal value is 5960236.

Hex triplet	5af22c	`#5af22c`
RGB Decimal	90, 242, 44	`rgb(90,242,44)`
RGB Percent	35.3, 94.9, 17.3	`rgb(35.3%,94.9%,17.3%)`
CMYK	63, 0, 82, 5
HSL	106.1°, 88.4, 56.1	`hsl(106.1,88.4%,56.1%)`
HSV (or HSB)	106.1°, 81.8, 94.9
Web Safe	66ff33	`#66ff33`

CIE-LAB	84.923, -71.844, 75.084
XYZ	36.421, 65.857, 13.175
xyY	0.315, 0.57, 65.857
CIE-LCH	84.923, 103.919, 133.737
CIE-LUV	84.923, -67.223, 98.067
Hunter-Lab	81.152, -61.904, 47.181
Binary	01011010, 11110010, 00101100

#5af22c
```
#5af22c rgb(90,242,44)
```
#c42cf2
```
#c42cf2 rgb(196,44,242)
```

Complementary Color

#bdf22c
```
#bdf22c rgb(189,242,44)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#2cf261
```
#2cf261 rgb(44,242,97)
```

Analogous Color

#f22cbd
```
#f22cbd rgb(242,44,189)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#612cf2
```
#612cf2 rgb(97,44,242)
```

Split Complementary Color

#f22c5a
```
#f22c5a rgb(242,44,90)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#2c5af2
```
#2c5af2 rgb(44,90,242)
```

Triadic Color

#f2c42c
```
#f2c42c rgb(242,196,44)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#2c5af2
```
#2c5af2 rgb(44,90,242)
```
#c42cf2
```
#c42cf2 rgb(196,44,242)
```

Tetradic Color

#37c50c
```
#37c50c rgb(55,197,12)
```
#3edd0e
```
#3edd0e rgb(62,221,14)
```
#47f114
```
#47f114 rgb(71,241,20)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#6df344
```
#6df344 rgb(109,243,68)
```
#80f55c
```
#80f55c rgb(128,245,92)
```
#92f674
```
#92f674 rgb(146,246,116)
```

Monochromatic Color

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

#8cf22c
```
#8cf22c rgb(140,242,44)
```
#7bf22c
```
#7bf22c rgb(123,242,44)
```
#6bf22c
```
#6bf22c rgb(107,242,44)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#49f22c
```
#49f22c rgb(73,242,44)
```
#39f22c
```
#39f22c rgb(57,242,44)
```
#2cf230
```
#2cf230 rgb(44,242,48)
```

Similar Colors

Text with hexadecimal color #5af22c

This text has a font color of #5af22c.

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

#5af22c background color

This paragraph has a background color of #5af22c.

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

#5af22c border color

This element has a border color of #5af22c.

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

CSS codes

.text {color:#5af22c;}

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

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

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, #030b01 is the darkest color, while #f9fff7 is the lightest one.

#030b01
```
#030b01 rgb(3,11,1)
```
#081d02
```
#081d02 rgb(8,29,2)
```
#0d3003
```
#0d3003 rgb(13,48,3)
```
#124204
```
#124204 rgb(18,66,4)
```
#185505
```
#185505 rgb(24,85,5)
```
#1d6706
```
#1d6706 rgb(29,103,6)
```
#227a07
```
#227a07 rgb(34,122,7)
```
#278c09
```
#278c09 rgb(39,140,9)
```
#2c9f0a
```
#2c9f0a rgb(44,159,10)
```
#31b10b
```
#31b10b rgb(49,177,11)
```
#37c30c
```
#37c30c rgb(55,195,12)
```
#3cd60d
```
#3cd60d rgb(60,214,13)
```
#41e80e
```
#41e80e rgb(65,232,14)
```

Shade Color Variation

#4cf11a
```
#4cf11a rgb(76,241,26)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#68f33e
```
#68f33e rgb(104,243,62)
```
#77f451
```
#77f451 rgb(119,244,81)
```
#85f563
```
#85f563 rgb(133,245,99)
```
#94f776
```
#94f776 rgb(148,247,118)
```
#a2f888
```
#a2f888 rgb(162,248,136)
```
#b1f99b
```
#b1f99b rgb(177,249,155)
```
#bffaad
```
#bffaad rgb(191,250,173)
```
#cefbc0
```
#cefbc0 rgb(206,251,192)
```
#dcfcd2
```
#dcfcd2 rgb(220,252,210)
```
#eafde5
```
#eafde5 rgb(234,253,229)
```
#f9fff7
```
#f9fff7 rgb(249,255,247)
```

Tint Color Variation

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

#8d938b
```
#8d938b rgb(141,147,139)
```
#889c82
```
#889c82 rgb(136,156,130)
```
#84a47a
```
#84a47a rgb(132,164,122)
```
#7fad71
```
#7fad71 rgb(127,173,113)
```
#7ab668
```
#7ab668 rgb(122,182,104)
```
#76be60
```
#76be60 rgb(118,190,96)
```
#71c757
```
#71c757 rgb(113,199,87)
```
#6cd04e
```
#6cd04e rgb(108,208,78)
```
#68d846
```
#68d846 rgb(104,216,70)
```
#63e13d
```
#63e13d rgb(99,225,61)
```
#5fe935
```
#5fe935 rgb(95,233,53)
```
#5af22c
```
#5af22c rgb(90,242,44)
```
#55fb23
```
#55fb23 rgb(85,251,35)
```

Tone Color Variation

Below, you can see how #5af22c 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
#9dbc94 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b9e02e Protanomaly 1% of men, 0.01% of women
#c3db62 Deuteranomaly 6% of men, 0.4% of women
#7ce8aa Tritanomaly 0.01% of the population

#5af22c hex color

#5af22c Color Information

#5af22c Color Conversion

Color Schemes with #5af22c

Alternatives to #5af22c

#5af22c Preview

Shades and Tints of #5af22c

Tones of #5af22c

Color Blindness Simulator