#5ab556 hex color

In a RGB color space, hex #5ab556 is composed of 35.3% red, 71% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 0% magenta, 52.5% yellow and 29% black. It has a hue angle of 117.5 degrees, a saturation of 39.1% and a lightness of 52.4%. #5ab556 color hex could be obtained by blending #b4ffac with #006b00. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 35
- G 71
- B 34
RGB color chart
- C 50
- M 0
- Y 52
- K 29
CMYK color chart

● #5ab556 color description : Moderate lime green.

The hexadecimal color #5ab556 has RGB values of R:90, G:181, B:86 and CMYK values of C:0.5, M:0, Y:0.52, K:0.29. Its decimal value is 5944662.

Hex triplet	5ab556	`#5ab556`
RGB Decimal	90, 181, 86	`rgb(90,181,86)`
RGB Percent	35.3, 71, 33.7	`rgb(35.3%,71%,33.7%)`
CMYK	50, 0, 52, 29
HSL	117.5°, 39.1, 52.4	`hsl(117.5,39.1%,52.4%)`
HSV (or HSB)	117.5°, 52.5, 71
Web Safe	66cc66	`#66cc66`

CIE-LAB	66.437, -46.401, 39.883
XYZ	22.419, 35.892, 14.55
xyY	0.308, 0.493, 35.892
CIE-LCH	66.437, 61.186, 139.32
CIE-LUV	66.437, -42.734, 57.073
Hunter-Lab	59.91, -38.045, 27.537
Binary	01011010, 10110101, 01010110

#5ab556
```
#5ab556 rgb(90,181,86)
```
#b156b5
```
#b156b5 rgb(177,86,181)
```

Complementary Color

#8ab556
```
#8ab556 rgb(138,181,86)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#56b582
```
#56b582 rgb(86,181,130)
```

Analogous Color

#b5568a
```
#b5568a rgb(181,86,138)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#8256b5
```
#8256b5 rgb(130,86,181)
```

Split Complementary Color

#b5565a
```
#b5565a rgb(181,86,90)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#565ab5
```
#565ab5 rgb(86,90,181)
```

Triadic Color

#b5b156
```
#b5b156 rgb(181,177,86)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#565ab5
```
#565ab5 rgb(86,90,181)
```
#b156b5
```
#b156b5 rgb(177,86,181)
```

Tetradic Color

#3d843a
```
#3d843a rgb(61,132,58)
```
#459642
```
#459642 rgb(69,150,66)
```
#4ea84a
```
#4ea84a rgb(78,168,74)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#6bbd68
```
#6bbd68 rgb(107,189,104)
```
#7dc579
```
#7dc579 rgb(125,197,121)
```
#8ecc8b
```
#8ecc8b rgb(142,204,139)
```

Monochromatic Color

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

#72b556
```
#72b556 rgb(114,181,86)
```
#6ab556
```
#6ab556 rgb(106,181,86)
```
#62b556
```
#62b556 rgb(98,181,86)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#56b55a
```
#56b55a rgb(86,181,90)
```
#56b562
```
#56b562 rgb(86,181,98)
```
#56b56a
```
#56b56a rgb(86,181,106)
```

Similar Colors

Text with hexadecimal color #5ab556

This text has a font color of #5ab556.

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

#5ab556 background color

This paragraph has a background color of #5ab556.

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

#5ab556 border color

This element has a border color of #5ab556.

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

CSS codes

.text {color:#5ab556;}

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

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

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

#040804
```
#040804 rgb(4,8,4)
```
#0a160a
```
#0a160a rgb(10,22,10)
```
#102410
```
#102410 rgb(16,36,16)
```
#173116
```
#173116 rgb(23,49,22)
```
#1d3f1c
```
#1d3f1c rgb(29,63,28)
```
#234d22
```
#234d22 rgb(35,77,34)
```
#2a5a27
```
#2a5a27 rgb(42,90,39)
```
#30682d
```
#30682d rgb(48,104,45)
```
#367533
```
#367533 rgb(54,117,51)
```
#3d8339
```
#3d8339 rgb(61,131,57)
```
#43913f
```
#43913f rgb(67,145,63)
```
#499e45
```
#499e45 rgb(73,158,69)
```
#4fac4b
```
#4fac4b rgb(79,172,75)
```

Shade Color Variation

#5ab556
```
#5ab556 rgb(90,181,86)
```
#67bb64
```
#67bb64 rgb(103,187,100)
```
#75c171
```
#75c171 rgb(117,193,113)
```
#82c77f
```
#82c77f rgb(130,199,127)
```
#8fcd8d
```
#8fcd8d rgb(143,205,141)
```
#9dd39a
```
#9dd39a rgb(157,211,154)
```
#aad9a8
```
#aad9a8 rgb(170,217,168)
```
#b7dfb5
```
#b7dfb5 rgb(183,223,181)
```
#c5e5c3
```
#c5e5c3 rgb(197,229,195)
```
#d2ebd1
```
#d2ebd1 rgb(210,235,209)
```
#dff1de
```
#dff1de rgb(223,241,222)
```
#edf7ec
```
#edf7ec rgb(237,247,236)
```
#fafdfa
```
#fafdfa rgb(250,253,250)
```

Tint Color Variation

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

#858685
```
#858685 rgb(133,134,133)
```
#7c907b
```
#7c907b rgb(124,144,123)
```
#749972
```
#749972 rgb(116,153,114)
```
#6ba269
```
#6ba269 rgb(107,162,105)
```
#63ac5f
```
#63ac5f rgb(99,172,95)
```
#5ab556
```
#5ab556 rgb(90,181,86)
```
#51be4d
```
#51be4d rgb(81,190,77)
```
#49c843
```
#49c843 rgb(73,200,67)
```
#40d13a
```
#40d13a rgb(64,209,58)
```
#38da31
```
#38da31 rgb(56,218,49)
```
#2fe427
```
#2fe427 rgb(47,228,39)
```
#27ed1e
```
#27ed1e rgb(39,237,30)
```
#1ef615
```
#1ef615 rgb(30,246,21)
```

Tone Color Variation

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

Dichromacy

#b7a658 Protanopia 1% of men
#c89f67 Deuteranopia 1% of men
#79aebb Tritanopia 0.001% of the population

Trichromacy

#95ab57 Protanomaly 1% of men, 0.01% of women
#a0a761 Deuteranomaly 6% of men, 0.4% of women
#6eb096 Tritanomaly 0.01% of the population

#5ab556 hex color

#5ab556 Color Information

#5ab556 Color Conversion

Color Schemes with #5ab556

Alternatives to #5ab556

#5ab556 Preview

Shades and Tints of #5ab556

Tones of #5ab556

Color Blindness Simulator