#5abc9c hex color

In a RGB color space, hex #5abc9c is composed of 35.3% red, 73.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 0% magenta, 17% yellow and 26.3% black. It has a hue angle of 160.4 degrees, a saturation of 42.2% and a lightness of 54.5%. #5abc9c color hex could be obtained by blending #b4ffff with #007939. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 74
- B 61
RGB color chart
- C 52
- M 0
- Y 17
- K 26
CMYK color chart

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

The hexadecimal color #5abc9c has RGB values of R:90, G:188, B:156 and CMYK values of C:0.52, M:0, Y:0.17, K:0.26. Its decimal value is 5946524.

Hex triplet	5abc9c	`#5abc9c`
RGB Decimal	90, 188, 156	`rgb(90,188,156)`
RGB Percent	35.3, 73.7, 61.2	`rgb(35.3%,73.7%,61.2%)`
CMYK	52, 0, 17, 26
HSL	160.4°, 42.2, 54.5	`hsl(160.4,42.2%,54.5%)`
HSV (or HSB)	160.4°, 52.1, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.851, -36.572, 7.469
XYZ	28.198, 40.538, 37.789
xyY	0.265, 0.381, 40.538
CIE-LCH	69.851, 37.327, 168.458
CIE-LUV	69.851, -43.021, 16.669
Hunter-Lab	63.67, -32.367, 9.379
Binary	01011010, 10111100, 10011100

#5abc9c
```
#5abc9c rgb(90,188,156)
```
#bc5a7a
```
#bc5a7a rgb(188,90,122)
```

Complementary Color

#5abc6b
```
#5abc6b rgb(90,188,107)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#5aabbc
```
#5aabbc rgb(90,171,188)
```

Analogous Color

#bc6b5a
```
#bc6b5a rgb(188,107,90)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#bc5aab
```
#bc5aab rgb(188,90,171)
```

Split Complementary Color

#bc9c5a
```
#bc9c5a rgb(188,156,90)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#9c5abc
```
#9c5abc rgb(156,90,188)
```

Triadic Color

#7abc5a
```
#7abc5a rgb(122,188,90)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#9c5abc
```
#9c5abc rgb(156,90,188)
```
#bc5a7a
```
#bc5a7a rgb(188,90,122)
```

Tetradic Color

#3a8f74
```
#3a8f74 rgb(58,143,116)
```
#42a182
```
#42a182 rgb(66,161,130)
```
#49b491
```
#49b491 rgb(73,180,145)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#6cc3a7
```
#6cc3a7 rgb(108,195,167)
```
#7ecbb2
```
#7ecbb2 rgb(126,203,178)
```
#90d2bd
```
#90d2bd rgb(144,210,189)
```

Monochromatic Color

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

#5abc84
```
#5abc84 rgb(90,188,132)
```
#5abc8c
```
#5abc8c rgb(90,188,140)
```
#5abc94
```
#5abc94 rgb(90,188,148)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#5abca4
```
#5abca4 rgb(90,188,164)
```
#5abcac
```
#5abcac rgb(90,188,172)
```
#5abcb5
```
#5abcb5 rgb(90,188,181)
```

Similar Colors

Text with hexadecimal color #5abc9c

This text has a font color of #5abc9c.

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

#5abc9c background color

This paragraph has a background color of #5abc9c.

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

#5abc9c border color

This element has a border color of #5abc9c.

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

CSS codes

.text {color:#5abc9c;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0c1e18
```
#0c1e18 rgb(12,30,24)
```
#122c24
```
#122c24 rgb(18,44,36)
```
#183a2f
```
#183a2f rgb(24,58,47)
```
#1d483a
```
#1d483a rgb(29,72,58)
```
#235645
```
#235645 rgb(35,86,69)
```
#296451
```
#296451 rgb(41,100,81)
```
#2e725c
```
#2e725c rgb(46,114,92)
```
#348067
```
#348067 rgb(52,128,103)
```
#3a8e72
```
#3a8e72 rgb(58,142,114)
```
#3f9c7e
```
#3f9c7e rgb(63,156,126)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```

Shade Color Variation

#4cb694
```
#4cb694 rgb(76,182,148)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#68c2a4
```
#68c2a4 rgb(104,194,164)
```
#76c7ad
```
#76c7ad rgb(118,199,173)
```
#84cdb5
```
#84cdb5 rgb(132,205,181)
```
#92d3bd
```
#92d3bd rgb(146,211,189)
```
#a0d8c6
```
#a0d8c6 rgb(160,216,198)
```
#aedece
```
#aedece rgb(174,222,206)
```
#bce4d7
```
#bce4d7 rgb(188,228,215)
```
#cae9df
```
#cae9df rgb(202,233,223)
```
#d8efe7
```
#d8efe7 rgb(216,239,231)
```
#e6f5f0
```
#e6f5f0 rgb(230,245,240)
```
#f3faf8
```
#f3faf8 rgb(243,250,248)
```

Tint Color Variation

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

#878f8d
```
#878f8d rgb(135,143,141)
```
#7e9890
```
#7e9890 rgb(126,152,144)
```
#75a193
```
#75a193 rgb(117,161,147)
```
#6caa96
```
#6caa96 rgb(108,170,150)
```
#63b399
```
#63b399 rgb(99,179,153)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#51c59f
```
#51c59f rgb(81,197,159)
```
#48cea2
```
#48cea2 rgb(72,206,162)
```
#3fd7a5
```
#3fd7a5 rgb(63,215,165)
```
#36e0a8
```
#36e0a8 rgb(54,224,168)
```
#2de9ab
```
#2de9ab rgb(45,233,171)
```
#24f2af
```
#24f2af rgb(36,242,175)
```
#1cfab2
```
#1cfab2 rgb(28,250,178)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8ea29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae99 Protanopia 1% of men
#c1a9a8 Deuteranopia 1% of men
#70b9c7 Tritanopia 0.001% of the population

Trichromacy

#95b39a Protanomaly 1% of men, 0.01% of women
#9bb0a4 Deuteranomaly 6% of men, 0.4% of women
#68bab7 Tritanomaly 0.01% of the population

#5abc9c hex color

#5abc9c Color Information

#5abc9c Color Conversion

Color Schemes with #5abc9c

Alternatives to #5abc9c

#5abc9c Preview

Shades and Tints of #5abc9c

Tones of #5abc9c

Color Blindness Simulator