#5aba72 hex color

In a RGB color space, hex #5aba72 is composed of 35.3% red, 72.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 38.7% yellow and 27.1% black. It has a hue angle of 135 degrees, a saturation of 41% and a lightness of 54.1%. #5aba72 color hex could be obtained by blending #b4ffe4 with #007500. Closest websafe color is: #66cc66.

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

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

The hexadecimal color #5aba72 has RGB values of R:90, G:186, B:114 and CMYK values of C:0.52, M:0, Y:0.39, K:0.27. Its decimal value is 5945970.

Hex triplet	5aba72	`#5aba72`
RGB Decimal	90, 186, 114	`rgb(90,186,114)`
RGB Percent	35.3, 72.9, 44.7	`rgb(35.3%,72.9%,44.7%)`
CMYK	52, 0, 39, 27
HSL	135°, 41, 54.1	`hsl(135,41%,54.1%)`
HSV (or HSB)	135°, 51.6, 72.9
Web Safe	66cc66	`#66cc66`

CIE-LAB	68.391, -44.203, 28.065
XYZ	24.811, 38.505, 22.043
xyY	0.291, 0.451, 38.505
CIE-LCH	68.391, 52.36, 147.588
CIE-LUV	68.391, -43.906, 44.492
Hunter-Lab	62.052, -37.219, 22.374
Binary	01011010, 10111010, 01110010

#5aba72
```
#5aba72 rgb(90,186,114)
```
#ba5aa2
```
#ba5aa2 rgb(186,90,162)
```

Complementary Color

#72ba5a
```
#72ba5a rgb(114,186,90)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#5abaa2
```
#5abaa2 rgb(90,186,162)
```

Analogous Color

#ba5a72
```
#ba5a72 rgb(186,90,114)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#a25aba
```
#a25aba rgb(162,90,186)
```

Split Complementary Color

#ba725a
```
#ba725a rgb(186,114,90)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#725aba
```
#725aba rgb(114,90,186)
```

Triadic Color

#a2ba5a
```
#a2ba5a rgb(162,186,90)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#725aba
```
#725aba rgb(114,90,186)
```
#ba5aa2
```
#ba5aa2 rgb(186,90,162)
```

Tetradic Color

#3b8d4f
```
#3b8d4f rgb(59,141,79)
```
#429f59
```
#429f59 rgb(66,159,89)
```
#4ab164
```
#4ab164 rgb(74,177,100)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#6cc281
```
#6cc281 rgb(108,194,129)
```
#7ec991
```
#7ec991 rgb(126,201,145)
```
#90d1a0
```
#90d1a0 rgb(144,209,160)
```

Monochromatic Color

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

#5aba5a
```
#5aba5a rgb(90,186,90)
```
#5aba62
```
#5aba62 rgb(90,186,98)
```
#5aba6a
```
#5aba6a rgb(90,186,106)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#5aba7a
```
#5aba7a rgb(90,186,122)
```
#5aba82
```
#5aba82 rgb(90,186,130)
```
#5aba8a
```
#5aba8a rgb(90,186,138)
```

Similar Colors

Text with hexadecimal color #5aba72

This text has a font color of #5aba72.

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

#5aba72 background color

This paragraph has a background color of #5aba72.

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

#5aba72 border color

This element has a border color of #5aba72.

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

CSS codes

.text {color:#5aba72;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f08
```
#060f08 rgb(6,15,8)
```
#0c1d10
```
#0c1d10 rgb(12,29,16)
```
#122a18
```
#122a18 rgb(18,42,24)
```
#183820
```
#183820 rgb(24,56,32)
```
#1d4628
```
#1d4628 rgb(29,70,40)
```
#23542f
```
#23542f rgb(35,84,47)
```
#296237
```
#296237 rgb(41,98,55)
```
#2f703f
```
#2f703f rgb(47,112,63)
```
#347d47
```
#347d47 rgb(52,125,71)
```
#3a8b4f
```
#3a8b4f rgb(58,139,79)
```
#409956
```
#409956 rgb(64,153,86)
```
#46a75e
```
#46a75e rgb(70,167,94)
```

Shade Color Variation

#4cb466
```
#4cb466 rgb(76,180,102)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#68c07e
```
#68c07e rgb(104,192,126)
```
#76c68a
```
#76c68a rgb(118,198,138)
```
#83cb95
```
#83cb95 rgb(131,203,149)
```
#91d1a1
```
#91d1a1 rgb(145,209,161)
```
#9fd7ad
```
#9fd7ad rgb(159,215,173)
```
#adddb9
```
#adddb9 rgb(173,221,185)
```
#bbe2c5
```
#bbe2c5 rgb(187,226,197)
```
#c9e8d1
```
#c9e8d1 rgb(201,232,209)
```
#d6eedc
```
#d6eedc rgb(214,238,220)
```
#e4f4e8
```
#e4f4e8 rgb(228,244,232)
```
#f2faf4
```
#f2faf4 rgb(242,250,244)
```

Tint Color Variation

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

#878d89
```
#878d89 rgb(135,141,137)
```
#7e9684
```
#7e9684 rgb(126,150,132)
```
#759f80
```
#759f80 rgb(117,159,128)
```
#6ca87b
```
#6ca87b rgb(108,168,123)
```
#63b177
```
#63b177 rgb(99,177,119)
```
#5aba72
```
#5aba72 rgb(90,186,114)
```
#51c36e
```
#51c36e rgb(81,195,110)
```
#48cc69
```
#48cc69 rgb(72,204,105)
```
#3fd565
```
#3fd565 rgb(63,213,101)
```
#36de60
```
#36de60 rgb(54,222,96)
```
#2de75c
```
#2de75c rgb(45,231,92)
```
#24f057
```
#24f057 rgb(36,240,87)
```
#1bf953
```
#1bf953 rgb(27,249,83)
```

Tone Color Variation

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

#b9ab72 Protanopia 1% of men
#c9a481 Deuteranopia 1% of men
#77b4c1 Tritanopia 0.001% of the population

Trichromacy

#96b072 Protanomaly 1% of men, 0.01% of women
#a0ac7c Deuteranomaly 6% of men, 0.4% of women
#6db6a4 Tritanomaly 0.01% of the population

#5aba72 hex color

#5aba72 Color Information

#5aba72 Color Conversion

Color Schemes with #5aba72

Alternatives to #5aba72

#5aba72 Preview

Shades and Tints of #5aba72

Tones of #5aba72

Color Blindness Simulator