colorhexa.com

#5cca96 hex color

In a RGB color space, hex #5cca96 is composed of 36.1% red, 79.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 0% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 151.6 degrees, a saturation of 50.9% and a lightness of 57.6%. #5cca96 color hex could be obtained by blending #b8ffff with #00952d. Closest websafe color is: #66cc99.

- R 36
- G 79
- B 59
RGB color chart
- C 54
- M 0
- Y 26
- K 21
CMYK color chart

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

The hexadecimal color #5cca96 has RGB values of R:92, G:202, B:150 and CMYK values of C:0.54, M:0, Y:0.26, K:0.21. Its decimal value is 6081174.

Hex triplet	5cca96	`#5cca96`
RGB Decimal	92, 202, 150	`rgb(92,202,150)`
RGB Percent	36.1, 79.2, 58.8	`rgb(36.1%,79.2%,58.8%)`
CMYK	54, 0, 26, 21
HSL	151.6°, 50.9, 57.6	`hsl(151.6,50.9%,57.6%)`
HSV (or HSB)	151.6°, 54.5, 79.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	74.008, -43.654, 16.59
XYZ	31.037, 46.716, 36.234
xyY	0.272, 0.41, 46.716
CIE-LCH	74.008, 46.7, 159.191
CIE-LUV	74.008, -48.229, 30.698
Hunter-Lab	68.349, -38.555, 16.413
Binary	01011100, 11001010, 10010110

#5cca96
```
#5cca96 rgb(92,202,150)
```
#ca5c90
```
#ca5c90 rgb(202,92,144)
```

Complementary Color

#5cca5f
```
#5cca5f rgb(92,202,95)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#5cc7ca
```
#5cc7ca rgb(92,199,202)
```

Analogous Color

#ca5f5c
```
#ca5f5c rgb(202,95,92)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#ca5cc7
```
#ca5cc7 rgb(202,92,199)
```

Split Complementary Color

#ca965c
```
#ca965c rgb(202,150,92)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#965cca
```
#965cca rgb(150,92,202)
```

Triadic Color

#90ca5c
```
#90ca5c rgb(144,202,92)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#965cca
```
#965cca rgb(150,92,202)
```
#ca5c90
```
#ca5c90 rgb(202,92,144)
```

Tetradic Color

#35a470
```
#35a470 rgb(53,164,112)
```
#3cb77d
```
#3cb77d rgb(60,183,125)
```
#49c48a
```
#49c48a rgb(73,196,138)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#6fd0a2
```
#6fd0a2 rgb(111,208,162)
```
#82d7af
```
#82d7af rgb(130,215,175)
```
#96ddbb
```
#96ddbb rgb(150,221,187)
```

Monochromatic Color

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

#5cca7b
```
#5cca7b rgb(92,202,123)
```
#5cca84
```
#5cca84 rgb(92,202,132)
```
#5cca8d
```
#5cca8d rgb(92,202,141)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#5cca9f
```
#5cca9f rgb(92,202,159)
```
#5ccaa8
```
#5ccaa8 rgb(92,202,168)
```
#5ccab2
```
#5ccab2 rgb(92,202,178)
```

Similar Colors

Text with hexadecimal color #5cca96

This text has a font color of #5cca96.

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

#5cca96 background color

This paragraph has a background color of #5cca96.

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

#5cca96 border color

This element has a border color of #5cca96.

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

CSS codes

.text {color:#5cca96;}

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

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

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, #050f0a is the darkest color, while #ffffff is the lightest one.

#050f0a
```
#050f0a rgb(5,15,10)
```
#0a1d14
```
#0a1d14 rgb(10,29,20)
```
#0e2c1e
```
#0e2c1e rgb(14,44,30)
```
#133b28
```
#133b28 rgb(19,59,40)
```
#184a32
```
#184a32 rgb(24,74,50)
```
#1d593c
```
#1d593c rgb(29,89,60)
```
#226746
```
#226746 rgb(34,103,70)
```
#267651
```
#267651 rgb(38,118,81)
```
#2b855b
```
#2b855b rgb(43,133,91)
```
#309465
```
#309465 rgb(48,148,101)
```
#35a36f
```
#35a36f rgb(53,163,111)
```
#3ab179
```
#3ab179 rgb(58,177,121)
```
#3fc083
```
#3fc083 rgb(63,192,131)
```

Shade Color Variation

#4dc58c
```
#4dc58c rgb(77,197,140)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#6bcfa0
```
#6bcfa0 rgb(107,207,160)
```
#7ad4a9
```
#7ad4a9 rgb(122,212,169)
```
#88d8b3
```
#88d8b3 rgb(136,216,179)
```
#97ddbc
```
#97ddbc rgb(151,221,188)
```
#a6e2c6
```
#a6e2c6 rgb(166,226,198)
```
#b5e7cf
```
#b5e7cf rgb(181,231,207)
```
#c4ecd9
```
#c4ecd9 rgb(196,236,217)
```
#d2f1e2
```
#d2f1e2 rgb(210,241,226)
```
#e1f5ec
```
#e1f5ec rgb(225,245,236)
```
#f0faf5
```
#f0faf5 rgb(240,250,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9893 is the less saturated color, while #2afc99 is the most saturated one.

#8e9893
```
#8e9893 rgb(142,152,147)
```
#86a094
```
#86a094 rgb(134,160,148)
```
#7da994
```
#7da994 rgb(125,169,148)
```
#75b195
```
#75b195 rgb(117,177,149)
```
#6db995
```
#6db995 rgb(109,185,149)
```
#64c296
```
#64c296 rgb(100,194,150)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#54d296
```
#54d296 rgb(84,210,150)
```
#4bdb97
```
#4bdb97 rgb(75,219,151)
```
#43e397
```
#43e397 rgb(67,227,151)
```
#3beb98
```
#3beb98 rgb(59,235,152)
```
#32f498
```
#32f498 rgb(50,244,152)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#95aba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b992 Protanopia 1% of men
#d2b3a4 Deuteranopia 1% of men
#78c5d3 Tritanopia 0.001% of the population

Trichromacy

#9fbf94 Protanomaly 1% of men, 0.01% of women
#a7bb9e Deuteranomaly 6% of men, 0.4% of women
#6ec6bd Tritanomaly 0.01% of the population