#5ab476 hex color

In a RGB color space, hex #5ab476 is composed of 35.3% red, 70.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 34.4% yellow and 29.4% black. It has a hue angle of 138.7 degrees, a saturation of 37.5% and a lightness of 52.9%. #5ab476 color hex could be obtained by blending #b4ffec with #006900. Closest websafe color is: #66cc66.

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

● #5ab476 color description : Moderate cyan - lime green.

The hexadecimal color #5ab476 has RGB values of R:90, G:180, B:118 and CMYK values of C:0.5, M:0, Y:0.34, K:0.29. Its decimal value is 5944438.

Hex triplet	5ab476	`#5ab476`
RGB Decimal	90, 180, 118	`rgb(90,180,118)`
RGB Percent	35.3, 70.6, 46.3	`rgb(35.3%,70.6%,46.3%)`
CMYK	50, 0, 34, 29
HSL	138.7°, 37.5, 52.9	`hsl(138.7,37.5%,52.9%)`
HSV (or HSB)	138.7°, 50, 70.6
Web Safe	66cc66	`#66cc66`

CIE-LAB	66.613, -40.915, 23.574
XYZ	23.806, 36.123, 22.856
xyY	0.288, 0.436, 36.123
CIE-LCH	66.613, 47.221, 150.051
CIE-LUV	66.613, -41.301, 38.338
Hunter-Lab	60.102, -34.475, 19.524
Binary	01011010, 10110100, 01110110

#5ab476
```
#5ab476 rgb(90,180,118)
```
#b45a98
```
#b45a98 rgb(180,90,152)
```

Complementary Color

#6bb45a
```
#6bb45a rgb(107,180,90)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#5ab4a3
```
#5ab4a3 rgb(90,180,163)
```

Analogous Color

#b45a6b
```
#b45a6b rgb(180,90,107)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#a35ab4
```
#a35ab4 rgb(163,90,180)
```

Split Complementary Color

#b4765a
```
#b4765a rgb(180,118,90)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#765ab4
```
#765ab4 rgb(118,90,180)
```

Triadic Color

#98b45a
```
#98b45a rgb(152,180,90)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#765ab4
```
#765ab4 rgb(118,90,180)
```
#b45a98
```
#b45a98 rgb(180,90,152)
```

Tetradic Color

#3c8553
```
#3c8553 rgb(60,133,83)
```
#44975e
```
#44975e rgb(68,151,94)
```
#4ca869
```
#4ca869 rgb(76,168,105)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#6cbc85
```
#6cbc85 rgb(108,188,133)
```
#7dc493
```
#7dc493 rgb(125,196,147)
```
#8fcca2
```
#8fcca2 rgb(143,204,162)
```

Monochromatic Color

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

#5ab460
```
#5ab460 rgb(90,180,96)
```
#5ab467
```
#5ab467 rgb(90,180,103)
```
#5ab46f
```
#5ab46f rgb(90,180,111)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#5ab47e
```
#5ab47e rgb(90,180,126)
```
#5ab485
```
#5ab485 rgb(90,180,133)
```
#5ab48d
```
#5ab48d rgb(90,180,141)
```

Similar Colors

Text with hexadecimal color #5ab476

This text has a font color of #5ab476.

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

#5ab476 background color

This paragraph has a background color of #5ab476.

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

#5ab476 border color

This element has a border color of #5ab476.

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

CSS codes

.text {color:#5ab476;}

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

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

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

#050a06
```
#050a06 rgb(5,10,6)
```
#0b180f
```
#0b180f rgb(11,24,15)
```
#112517
```
#112517 rgb(17,37,23)
```
#173320
```
#173320 rgb(23,51,32)
```
#1d4028
```
#1d4028 rgb(29,64,40)
```
#234e31
```
#234e31 rgb(35,78,49)
```
#295b39
```
#295b39 rgb(41,91,57)
```
#306941
```
#306941 rgb(48,105,65)
```
#36764a
```
#36764a rgb(54,118,74)
```
#3c8452
```
#3c8452 rgb(60,132,82)
```
#42915b
```
#42915b rgb(66,145,91)
```
#489f63
```
#489f63 rgb(72,159,99)
```
#4eac6b
```
#4eac6b rgb(78,172,107)
```

Shade Color Variation

#5ab476
```
#5ab476 rgb(90,180,118)
```
#67ba81
```
#67ba81 rgb(103,186,129)
```
#75c08c
```
#75c08c rgb(117,192,140)
```
#82c698
```
#82c698 rgb(130,198,152)
```
#90cda3
```
#90cda3 rgb(144,205,163)
```
#9dd3ae
```
#9dd3ae rgb(157,211,174)
```
#abd9b9
```
#abd9b9 rgb(171,217,185)
```
#b8dfc4
```
#b8dfc4 rgb(184,223,196)
```
#c6e5d0
```
#c6e5d0 rgb(198,229,208)
```
#d3ebdb
```
#d3ebdb rgb(211,235,219)
```
#e1f1e6
```
#e1f1e6 rgb(225,241,230)
```
#eef7f1
```
#eef7f1 rgb(238,247,241)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

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

#7f8f84
```
#7f8f84 rgb(127,143,132)
```
#769880
```
#769880 rgb(118,152,128)
```
#6ca27d
```
#6ca27d rgb(108,162,125)
```
#63ab79
```
#63ab79 rgb(99,171,121)
```
#5ab476
```
#5ab476 rgb(90,180,118)
```
#51bd73
```
#51bd73 rgb(81,189,115)
```
#48c66f
```
#48c66f rgb(72,198,111)
```
#3ed06c
```
#3ed06c rgb(62,208,108)
```
#35d968
```
#35d968 rgb(53,217,104)
```
#2ce265
```
#2ce265 rgb(44,226,101)
```
#23eb61
```
#23eb61 rgb(35,235,97)
```
#19f55e
```
#19f55e rgb(25,245,94)
```
#10fe5a
```
#10fe5a rgb(16,254,90)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#87998c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a676 Protanopia 1% of men
#c1a084 Deuteranopia 1% of men
#75afbc Tritanopia 0.001% of the population

Trichromacy

#93ab76 Protanomaly 1% of men, 0.01% of women
#9ca77f Deuteranomaly 6% of men, 0.4% of women
#6bb1a2 Tritanomaly 0.01% of the population

#5ab476 hex color

#5ab476 Color Information

#5ab476 Color Conversion

Color Schemes with #5ab476

Alternatives to #5ab476

#5ab476 Preview

Shades and Tints of #5ab476

Tones of #5ab476

Color Blindness Simulator