#5ab942 hex color

In a RGB color space, hex #5ab942 is composed of 35.3% red, 72.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 64.3% yellow and 27.5% black. It has a hue angle of 107.9 degrees, a saturation of 47.4% and a lightness of 49.2%. #5ab942 color hex could be obtained by blending #b4ff84 with #007300. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 35
- G 73
- B 26
RGB color chart
- C 51
- M 0
- Y 64
- K 27
CMYK color chart

● #5ab942 color description : Moderate lime green.

The hexadecimal color #5ab942 has RGB values of R:90, G:185, B:66 and CMYK values of C:0.51, M:0, Y:0.64, K:0.27. Its decimal value is 5945666.

Hex triplet	5ab942	`#5ab942`
RGB Decimal	90, 185, 66	`rgb(90,185,66)`
RGB Percent	35.3, 72.5, 25.9	`rgb(35.3%,72.5%,25.9%)`
CMYK	51, 0, 64, 27
HSL	107.9°, 47.4, 49.2	`hsl(107.9,47.4%,49.2%)`
HSV (or HSB)	107.9°, 64.3, 72.5
Web Safe	66cc33	`#66cc33`

CIE-LAB	67.474, -50.28, 50.328
XYZ	22.548, 37.263, 11.158
xyY	0.318, 0.525, 37.263
CIE-LCH	67.474, 71.141, 134.973
CIE-LUV	67.474, -44.894, 67.546
Hunter-Lab	61.044, -40.894, 31.893
Binary	01011010, 10111001, 01000010

#5ab942
```
#5ab942 rgb(90,185,66)
```
#a142b9
```
#a142b9 rgb(161,66,185)
```

Complementary Color

#96b942
```
#96b942 rgb(150,185,66)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#42b966
```
#42b966 rgb(66,185,102)
```

Analogous Color

#b94296
```
#b94296 rgb(185,66,150)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#6642b9
```
#6642b9 rgb(102,66,185)
```

Split Complementary Color

#b9425a
```
#b9425a rgb(185,66,90)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#425ab9
```
#425ab9 rgb(66,90,185)
```

Triadic Color

#b9a142
```
#b9a142 rgb(185,161,66)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#425ab9
```
#425ab9 rgb(66,90,185)
```
#a142b9
```
#a142b9 rgb(161,66,185)
```

Tetradic Color

#3f812e
```
#3f812e rgb(63,129,46)
```
#489335
```
#489335 rgb(72,147,53)
```
#51a63b
```
#51a63b rgb(81,166,59)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#69c253
```
#69c253 rgb(105,194,83)
```
#7ac866
```
#7ac866 rgb(122,200,102)
```
#8acf78
```
#8acf78 rgb(138,207,120)
```

Monochromatic Color

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

#78b942
```
#78b942 rgb(120,185,66)
```
#6eb942
```
#6eb942 rgb(110,185,66)
```
#64b942
```
#64b942 rgb(100,185,66)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#50b942
```
#50b942 rgb(80,185,66)
```
#46b942
```
#46b942 rgb(70,185,66)
```
#42b948
```
#42b948 rgb(66,185,72)
```

Similar Colors

Text with hexadecimal color #5ab942

This text has a font color of #5ab942.

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

#5ab942 background color

This paragraph has a background color of #5ab942.

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

#5ab942 border color

This element has a border color of #5ab942.

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

CSS codes

.text {color:#5ab942;}

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

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

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

#060c04
```
#060c04 rgb(6,12,4)
```
#0d1a09
```
#0d1a09 rgb(13,26,9)
```
#14280e
```
#14280e rgb(20,40,14)
```
#1b3714
```
#1b3714 rgb(27,55,20)
```
#224519
```
#224519 rgb(34,69,25)
```
#29541e
```
#29541e rgb(41,84,30)
```
#306223
```
#306223 rgb(48,98,35)
```
#377128
```
#377128 rgb(55,113,40)
```
#3e7f2d
```
#3e7f2d rgb(62,127,45)
```
#458e33
```
#458e33 rgb(69,142,51)
```
#4c9c38
```
#4c9c38 rgb(76,156,56)
```
#53ab3d
```
#53ab3d rgb(83,171,61)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```

Shade Color Variation

#65c04f
```
#65c04f rgb(101,192,79)
```
#72c55d
```
#72c55d rgb(114,197,93)
```
#7fca6b
```
#7fca6b rgb(127,202,107)
```
#8bd07a
```
#8bd07a rgb(139,208,122)
```
#98d588
```
#98d588 rgb(152,213,136)
```
#a4da97
```
#a4da97 rgb(164,218,151)
```
#b1dfa5
```
#b1dfa5 rgb(177,223,165)
```
#bee4b4
```
#bee4b4 rgb(190,228,180)
```
#cae9c2
```
#cae9c2 rgb(202,233,194)
```
#d7eed1
```
#d7eed1 rgb(215,238,209)
```
#e3f4df
```
#e3f4df rgb(227,244,223)
```
#f0f9ee
```
#f0f9ee rgb(240,249,238)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

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

#7d7f7c
```
#7d7f7c rgb(125,127,124)
```
#778972
```
#778972 rgb(119,137,114)
```
#719269
```
#719269 rgb(113,146,105)
```
#6b9c5f
```
#6b9c5f rgb(107,156,95)
```
#66a655
```
#66a655 rgb(102,166,85)
```
#60af4c
```
#60af4c rgb(96,175,76)
```
#5ab942
```
#5ab942 rgb(90,185,66)
```
#54c338
```
#54c338 rgb(84,195,56)
```
#4ecc2f
```
#4ecc2f rgb(78,204,47)
```
#49d625
```
#49d625 rgb(73,214,37)
```
#43e01b
```
#43e01b rgb(67,224,27)
```
#3de912
```
#3de912 rgb(61,233,18)
```
#37f308
```
#37f308 rgb(55,243,8)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#849780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba946 Protanopia 1% of men
#cea156 Deuteranopia 1% of men
#7cb1be Tritanopia 0.001% of the population

Trichromacy

#98ae44 Protanomaly 1% of men, 0.01% of women
#a4aa4f Deuteranomaly 6% of men, 0.4% of women
#70b490 Tritanomaly 0.01% of the population

#5ab942 hex color

#5ab942 Color Information

#5ab942 Color Conversion

Color Schemes with #5ab942

Alternatives to #5ab942

#5ab942 Preview

Shades and Tints of #5ab942

Tones of #5ab942

Color Blindness Simulator