#5ab972 hex color

In a RGB color space, hex #5ab972 is composed of 35.3% red, 72.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 38.4% yellow and 27.5% black. It has a hue angle of 135.2 degrees, a saturation of 40.4% and a lightness of 53.9%. #5ab972 color hex could be obtained by blending #b4ffe4 with #007300. Closest websafe color is: #66cc66.

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

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

The hexadecimal color #5ab972 has RGB values of R:90, G:185, B:114 and CMYK values of C:0.51, M:0, Y:0.38, K:0.27. Its decimal value is 5945714.

Hex triplet	5ab972	`#5ab972`
RGB Decimal	90, 185, 114	`rgb(90,185,114)`
RGB Percent	35.3, 72.5, 44.7	`rgb(35.3%,72.5%,44.7%)`
CMYK	51, 0, 38, 27
HSL	135.2°, 40.4, 53.9	`hsl(135.2,40.4%,53.9%)`
HSV (or HSB)	135.2°, 51.4, 72.5
Web Safe	66cc66	`#66cc66`

CIE-LAB	68.083, -43.78, 27.659
XYZ	24.601, 38.085, 21.973
xyY	0.291, 0.45, 38.085
CIE-LCH	68.083, 51.785, 147.717
CIE-LUV	68.083, -43.497, 43.895
Hunter-Lab	61.713, -36.84, 22.088
Binary	01011010, 10111001, 01110010

#5ab972
```
#5ab972 rgb(90,185,114)
```
#b95aa1
```
#b95aa1 rgb(185,90,161)
```

Complementary Color

#72b95a
```
#72b95a rgb(114,185,90)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#5ab9a2
```
#5ab9a2 rgb(90,185,162)
```

Analogous Color

#b95a72
```
#b95a72 rgb(185,90,114)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#a25ab9
```
#a25ab9 rgb(162,90,185)
```

Split Complementary Color

#b9725a
```
#b9725a rgb(185,114,90)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#725ab9
```
#725ab9 rgb(114,90,185)
```

Triadic Color

#a1b95a
```
#a1b95a rgb(161,185,90)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#725ab9
```
#725ab9 rgb(114,90,185)
```
#b95aa1
```
#b95aa1 rgb(185,90,161)
```

Tetradic Color

#3b8b4f
```
#3b8b4f rgb(59,139,79)
```
#439d5a
```
#439d5a rgb(67,157,90)
```
#4aaf64
```
#4aaf64 rgb(74,175,100)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#6cc181
```
#6cc181 rgb(108,193,129)
```
#7ec891
```
#7ec891 rgb(126,200,145)
```
#90d0a0
```
#90d0a0 rgb(144,208,160)
```

Monochromatic Color

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

#5ab95a
```
#5ab95a rgb(90,185,90)
```
#5ab962
```
#5ab962 rgb(90,185,98)
```
#5ab96a
```
#5ab96a rgb(90,185,106)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#5ab97a
```
#5ab97a rgb(90,185,122)
```
#5ab982
```
#5ab982 rgb(90,185,130)
```
#5ab98a
```
#5ab98a rgb(90,185,138)
```

Similar Colors

Text with hexadecimal color #5ab972

This text has a font color of #5ab972.

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

#5ab972 background color

This paragraph has a background color of #5ab972.

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

#5ab972 border color

This element has a border color of #5ab972.

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

CSS codes

.text {color:#5ab972;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e08
```
#060e08 rgb(6,14,8)
```
#0c1c10
```
#0c1c10 rgb(12,28,16)
```
#122a18
```
#122a18 rgb(18,42,24)
```
#173720
```
#173720 rgb(23,55,32)
```
#1d4527
```
#1d4527 rgb(29,69,39)
```
#23532f
```
#23532f rgb(35,83,47)
```
#296137
```
#296137 rgb(41,97,55)
```
#2f6e3f
```
#2f6e3f rgb(47,110,63)
```
#357c47
```
#357c47 rgb(53,124,71)
```
#3b8a4f
```
#3b8a4f rgb(59,138,79)
```
#409856
```
#409856 rgb(64,152,86)
```
#46a65e
```
#46a65e rgb(70,166,94)
```

Shade Color Variation

#4cb366
```
#4cb366 rgb(76,179,102)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#68bf7e
```
#68bf7e rgb(104,191,126)
```
#76c58a
```
#76c58a rgb(118,197,138)
```
#83cb95
```
#83cb95 rgb(131,203,149)
```
#91d0a1
```
#91d0a1 rgb(145,208,161)
```
#9fd6ad
```
#9fd6ad rgb(159,214,173)
```
#addcb9
```
#addcb9 rgb(173,220,185)
```
#bae2c4
```
#bae2c4 rgb(186,226,196)
```
#c8e8d0
```
#c8e8d0 rgb(200,232,208)
```
#d6eedc
```
#d6eedc rgb(214,238,220)
```
#e4f3e8
```
#e4f3e8 rgb(228,243,232)
```
#f1f9f3
```
#f1f9f3 rgb(241,249,243)
```

Tint Color Variation

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

#878c88
```
#878c88 rgb(135,140,136)
```
#7e9584
```
#7e9584 rgb(126,149,132)
```
#759e7f
```
#759e7f rgb(117,158,127)
```
#6ca77b
```
#6ca77b rgb(108,167,123)
```
#63b076
```
#63b076 rgb(99,176,118)
```
#5ab972
```
#5ab972 rgb(90,185,114)
```
#51c26e
```
#51c26e rgb(81,194,110)
```
#48cb69
```
#48cb69 rgb(72,203,105)
```
#3fd465
```
#3fd465 rgb(63,212,101)
```
#36dd60
```
#36dd60 rgb(54,221,96)
```
#2de65c
```
#2de65c rgb(45,230,92)
```
#24ef57
```
#24ef57 rgb(36,239,87)
```
#1bf853
```
#1bf853 rgb(27,248,83)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#899c8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8aa72 Protanopia 1% of men
#c8a381 Deuteranopia 1% of men
#77b3c0 Tritanopia 0.001% of the population

Trichromacy

#96af72 Protanomaly 1% of men, 0.01% of women
#a0ab7b Deuteranomaly 6% of men, 0.4% of women
#6cb5a4 Tritanomaly 0.01% of the population

#5ab972 hex color

#5ab972 Color Information

#5ab972 Color Conversion

Color Schemes with #5ab972

Alternatives to #5ab972

#5ab972 Preview

Shades and Tints of #5ab972

Tones of #5ab972

Color Blindness Simulator