#5ab472 hex color

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

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

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

The hexadecimal color #5ab472 has RGB values of R:90, G:180, B:114 and CMYK values of C:0.5, M:0, Y:0.37, K:0.29. Its decimal value is 5944434.

Hex triplet	5ab472	`#5ab472`
RGB Decimal	90, 180, 114	`rgb(90,180,114)`
RGB Percent	35.3, 70.6, 44.7	`rgb(35.3%,70.6%,44.7%)`
CMYK	50, 0, 37, 29
HSL	136°, 37.5, 52.9	`hsl(136,37.5%,52.9%)`
HSV (or HSB)	136°, 50, 70.6
Web Safe	66cc66	`#66cc66`

CIE-LAB	66.542, -41.64, 25.615
XYZ	23.574, 36.029, 21.631
xyY	0.29, 0.444, 36.029
CIE-LCH	66.542, 48.888, 148.401
CIE-LUV	66.542, -41.441, 40.886
Hunter-Lab	60.025, -34.94, 20.651
Binary	01011010, 10110100, 01110010

#5ab472
```
#5ab472 rgb(90,180,114)
```
#b45a9c
```
#b45a9c rgb(180,90,156)
```

Complementary Color

#6fb45a
```
#6fb45a rgb(111,180,90)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#5ab49f
```
#5ab49f rgb(90,180,159)
```

Analogous Color

#b45a6f
```
#b45a6f rgb(180,90,111)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#9f5ab4
```
#9f5ab4 rgb(159,90,180)
```

Split Complementary Color

#b4725a
```
#b4725a rgb(180,114,90)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#725ab4
```
#725ab4 rgb(114,90,180)
```

Triadic Color

#9cb45a
```
#9cb45a rgb(156,180,90)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#725ab4
```
#725ab4 rgb(114,90,180)
```
#b45a9c
```
#b45a9c rgb(180,90,156)
```

Tetradic Color

#3c8550
```
#3c8550 rgb(60,133,80)
```
#44975a
```
#44975a rgb(68,151,90)
```
#4ca865
```
#4ca865 rgb(76,168,101)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#6cbc81
```
#6cbc81 rgb(108,188,129)
```
#7dc490
```
#7dc490 rgb(125,196,144)
```
#8fcc9f
```
#8fcc9f rgb(143,204,159)
```

Monochromatic Color

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

#5ab45c
```
#5ab45c rgb(90,180,92)
```
#5ab463
```
#5ab463 rgb(90,180,99)
```
#5ab46b
```
#5ab46b rgb(90,180,107)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#5ab47a
```
#5ab47a rgb(90,180,122)
```
#5ab481
```
#5ab481 rgb(90,180,129)
```
#5ab489
```
#5ab489 rgb(90,180,137)
```

Similar Colors

Text with hexadecimal color #5ab472

This text has a font color of #5ab472.

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

#5ab472 background color

This paragraph has a background color of #5ab472.

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

#5ab472 border color

This element has a border color of #5ab472.

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

CSS codes

.text {color:#5ab472;}

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

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

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)
```
#0b180e
```
#0b180e rgb(11,24,14)
```
#112516
```
#112516 rgb(17,37,22)
```
#17331e
```
#17331e rgb(23,51,30)
```
#1d4027
```
#1d4027 rgb(29,64,39)
```
#234e2f
```
#234e2f rgb(35,78,47)
```
#295b37
```
#295b37 rgb(41,91,55)
```
#30693f
```
#30693f rgb(48,105,63)
```
#367647
```
#367647 rgb(54,118,71)
```
#3c844f
```
#3c844f rgb(60,132,79)
```
#429157
```
#429157 rgb(66,145,87)
```
#489f5f
```
#489f5f rgb(72,159,95)
```
#4eac67
```
#4eac67 rgb(78,172,103)
```

Shade Color Variation

#5ab472
```
#5ab472 rgb(90,180,114)
```
#67ba7e
```
#67ba7e rgb(103,186,126)
```
#75c089
```
#75c089 rgb(117,192,137)
```
#82c695
```
#82c695 rgb(130,198,149)
```
#90cda0
```
#90cda0 rgb(144,205,160)
```
#9dd3ac
```
#9dd3ac rgb(157,211,172)
```
#abd9b7
```
#abd9b7 rgb(171,217,183)
```
#b8dfc3
```
#b8dfc3 rgb(184,223,195)
```
#c6e5ce
```
#c6e5ce rgb(198,229,206)
```
#d3ebda
```
#d3ebda rgb(211,235,218)
```
#e1f1e5
```
#e1f1e5 rgb(225,241,229)
```
#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, #7f8f83 is the less saturated color, while #10fe50 is the most saturated one.

#7f8f83
```
#7f8f83 rgb(127,143,131)
```
#76987f
```
#76987f rgb(118,152,127)
```
#6ca27b
```
#6ca27b rgb(108,162,123)
```
#63ab76
```
#63ab76 rgb(99,171,118)
```
#5ab472
```
#5ab472 rgb(90,180,114)
```
#51bd6e
```
#51bd6e rgb(81,189,110)
```
#48c669
```
#48c669 rgb(72,198,105)
```
#3ed065
```
#3ed065 rgb(62,208,101)
```
#35d961
```
#35d961 rgb(53,217,97)
```
#2ce25c
```
#2ce25c rgb(44,226,92)
```
#23eb58
```
#23eb58 rgb(35,235,88)
```
#19f554
```
#19f554 rgb(25,245,84)
```
#10fe50
```
#10fe50 rgb(16,254,80)
```

Tone Color Variation

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

#b4a672 Protanopia 1% of men
#c2a081 Deuteranopia 1% of men
#76afbc Tritanopia 0.001% of the population

Trichromacy

#93ab72 Protanomaly 1% of men, 0.01% of women
#9ca77b Deuteranomaly 6% of men, 0.4% of women
#6bb1a1 Tritanomaly 0.01% of the population

#5ab472 hex color

#5ab472 Color Information

#5ab472 Color Conversion

Color Schemes with #5ab472

Alternatives to #5ab472

#5ab472 Preview

Shades and Tints of #5ab472

Tones of #5ab472

Color Blindness Simulator