#5cbc96 hex color

In a RGB color space, hex #5cbc96 is composed of 36.1% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 156.3 degrees, a saturation of 41.7% and a lightness of 54.9%. #5cbc96 color hex could be obtained by blending #b8ffff with #00792d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 74
- B 59
RGB color chart
- C 51
- M 0
- Y 20
- K 26
CMYK color chart

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

The hexadecimal color #5cbc96 has RGB values of R:92, G:188, B:150 and CMYK values of C:0.51, M:0, Y:0.2, K:0.26. Its decimal value is 6077590.

Hex triplet	5cbc96	`#5cbc96`
RGB Decimal	92, 188, 150	`rgb(92,188,150)`
RGB Percent	36.1, 73.7, 58.8	`rgb(36.1%,73.7%,58.8%)`
CMYK	51, 0, 20, 26
HSL	156.3°, 41.7, 54.9	`hsl(156.3,41.7%,54.9%)`
HSV (or HSB)	156.3°, 51.1, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.783, -37.459, 10.653
XYZ	27.9, 40.442, 35.188
xyY	0.269, 0.391, 40.442
CIE-LCH	69.783, 38.944, 164.125
CIE-LUV	69.783, -42.681, 21.285
Hunter-Lab	63.594, -32.978, 11.709
Binary	01011100, 10111100, 10010110

#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#bc5c82
```
#bc5c82 rgb(188,92,130)
```

Complementary Color

#5cbc66
```
#5cbc66 rgb(92,188,102)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#5cb2bc
```
#5cb2bc rgb(92,178,188)
```

Analogous Color

#bc665c
```
#bc665c rgb(188,102,92)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#bc5cb2
```
#bc5cb2 rgb(188,92,178)
```

Split Complementary Color

#bc965c
```
#bc965c rgb(188,150,92)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#965cbc
```
#965cbc rgb(150,92,188)
```

Triadic Color

#82bc5c
```
#82bc5c rgb(130,188,92)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#965cbc
```
#965cbc rgb(150,92,188)
```
#bc5c82
```
#bc5c82 rgb(188,92,130)
```

Tetradic Color

#3b906f
```
#3b906f rgb(59,144,111)
```
#43a27c
```
#43a27c rgb(67,162,124)
```
#4ab48a
```
#4ab48a rgb(74,180,138)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#6ec3a2
```
#6ec3a2 rgb(110,195,162)
```
#80cbad
```
#80cbad rgb(128,203,173)
```
#92d2b9
```
#92d2b9 rgb(146,210,185)
```

Monochromatic Color

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

#5cbc7e
```
#5cbc7e rgb(92,188,126)
```
#5cbc86
```
#5cbc86 rgb(92,188,134)
```
#5cbc8e
```
#5cbc8e rgb(92,188,142)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#5cbc9e
```
#5cbc9e rgb(92,188,158)
```
#5cbca6
```
#5cbca6 rgb(92,188,166)
```
#5cbcae
```
#5cbcae rgb(92,188,174)
```

Similar Colors

Text with hexadecimal color #5cbc96

This text has a font color of #5cbc96.

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

#5cbc96 background color

This paragraph has a background color of #5cbc96.

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

#5cbc96 border color

This element has a border color of #5cbc96.

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

CSS codes

.text {color:#5cbc96;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#07120e
```
#07120e rgb(7,18,14)
```
#0d2018
```
#0d2018 rgb(13,32,24)
```
#132e23
```
#132e23 rgb(19,46,35)
```
#183b2e
```
#183b2e rgb(24,59,46)
```
#1e4938
```
#1e4938 rgb(30,73,56)
```
#245743
```
#245743 rgb(36,87,67)
```
#2a654e
```
#2a654e rgb(42,101,78)
```
#2f7358
```
#2f7358 rgb(47,115,88)
```
#358163
```
#358163 rgb(53,129,99)
```
#3b8f6e
```
#3b8f6e rgb(59,143,110)
```
#409d78
```
#409d78 rgb(64,157,120)
```
#46ab83
```
#46ab83 rgb(70,171,131)
```

Shade Color Variation

#4eb68d
```
#4eb68d rgb(78,182,141)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#6ac29f
```
#6ac29f rgb(106,194,159)
```
#78c7a8
```
#78c7a8 rgb(120,199,168)
```
#86cdb1
```
#86cdb1 rgb(134,205,177)
```
#94d3ba
```
#94d3ba rgb(148,211,186)
```
#a2d9c3
```
#a2d9c3 rgb(162,217,195)
```
#afdecc
```
#afdecc rgb(175,222,204)
```
#bde4d5
```
#bde4d5 rgb(189,228,213)
```
#cbeade
```
#cbeade rgb(203,234,222)
```
#d9efe7
```
#d9efe7 rgb(217,239,231)
```
#e7f5f0
```
#e7f5f0 rgb(231,245,240)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#88908d
```
#88908d rgb(136,144,141)
```
#7f998f
```
#7f998f rgb(127,153,143)
```
#77a190
```
#77a190 rgb(119,161,144)
```
#6eaa92
```
#6eaa92 rgb(110,170,146)
```
#65b394
```
#65b394 rgb(101,179,148)
```
#5cbc96
```
#5cbc96 rgb(92,188,150)
```
#53c598
```
#53c598 rgb(83,197,152)
```
#4ace9a
```
#4ace9a rgb(74,206,154)
```
#41d79c
```
#41d79c rgb(65,215,156)
```
#39df9d
```
#39df9d rgb(57,223,157)
```
#30e89f
```
#30e89f rgb(48,232,159)
```
#27f1a1
```
#27f1a1 rgb(39,241,161)
```
#1efaa3
```
#1efaa3 rgb(30,250,163)
```

Tone Color Variation

Below, you can see how #5cbc96 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
#8ea29a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ae93 Protanopia 1% of men
#c3a9a3 Deuteranopia 1% of men
#73b9c6 Tritanopia 0.001% of the population

Trichromacy

#96b394 Protanomaly 1% of men, 0.01% of women
#9db09e Deuteranomaly 6% of men, 0.4% of women
#6bbab5 Tritanomaly 0.01% of the population

#5cbc96 hex color

#5cbc96 Color Information

#5cbc96 Color Conversion

Color Schemes with #5cbc96

Alternatives to #5cbc96

#5cbc96 Preview

Shades and Tints of #5cbc96

Tones of #5cbc96

Color Blindness Simulator