#5ccaa2 hex color

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

♥
- f
- t
- g
- R 36
- G 79
- B 64
RGB color chart
- C 54
- M 0
- Y 20
- K 21
CMYK color chart

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

The hexadecimal color #5ccaa2 has RGB values of R:92, G:202, B:162 and CMYK values of C:0.54, M:0, Y:0.2, K:0.21. Its decimal value is 6081186.

Hex triplet	5ccaa2	`#5ccaa2`
RGB Decimal	92, 202, 162	`rgb(92,202,162)`
RGB Percent	36.1, 79.2, 63.5	`rgb(36.1%,79.2%,63.5%)`
CMYK	54, 0, 20, 21
HSL	158.2°, 50.9, 57.6	`hsl(158.2,50.9%,57.6%)`
HSV (or HSB)	158.2°, 54.5, 79.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	74.268, -41.058, 10.525
XYZ	32.053, 47.123, 41.587
xyY	0.265, 0.39, 47.123
CIE-LCH	74.268, 42.385, 165.622
CIE-LUV	74.268, -47.68, 21.937
Hunter-Lab	68.646, -36.782, 12.133
Binary	01011100, 11001010, 10100010

#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#ca5c84
```
#ca5c84 rgb(202,92,132)
```

Complementary Color

#5cca6b
```
#5cca6b rgb(92,202,107)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#5cbbca
```
#5cbbca rgb(92,187,202)
```

Analogous Color

#ca6b5c
```
#ca6b5c rgb(202,107,92)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#ca5cbb
```
#ca5cbb rgb(202,92,187)
```

Split Complementary Color

#caa25c
```
#caa25c rgb(202,162,92)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#a25cca
```
#a25cca rgb(162,92,202)
```

Triadic Color

#84ca5c
```
#84ca5c rgb(132,202,92)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#a25cca
```
#a25cca rgb(162,92,202)
```
#ca5c84
```
#ca5c84 rgb(202,92,132)
```

Tetradic Color

#35a47c
```
#35a47c rgb(53,164,124)
```
#3cb78a
```
#3cb78a rgb(60,183,138)
```
#49c497
```
#49c497 rgb(73,196,151)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#6fd0ad
```
#6fd0ad rgb(111,208,173)
```
#82d7b8
```
#82d7b8 rgb(130,215,184)
```
#96ddc3
```
#96ddc3 rgb(150,221,195)
```

Monochromatic Color

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

#5cca87
```
#5cca87 rgb(92,202,135)
```
#5cca90
```
#5cca90 rgb(92,202,144)
```
#5cca99
```
#5cca99 rgb(92,202,153)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#5ccaab
```
#5ccaab rgb(92,202,171)
```
#5ccab4
```
#5ccab4 rgb(92,202,180)
```
#5ccabe
```
#5ccabe rgb(92,202,190)
```

Similar Colors

Text with hexadecimal color #5ccaa2

This text has a font color of #5ccaa2.

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

#5ccaa2 background color

This paragraph has a background color of #5ccaa2.

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

#5ccaa2 border color

This element has a border color of #5ccaa2.

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

CSS codes

.text {color:#5ccaa2;}

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

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

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

#050f0b
```
#050f0b rgb(5,15,11)
```
#0a1d16
```
#0a1d16 rgb(10,29,22)
```
#0e2c21
```
#0e2c21 rgb(14,44,33)
```
#133b2d
```
#133b2d rgb(19,59,45)
```
#184a38
```
#184a38 rgb(24,74,56)
```
#1d5943
```
#1d5943 rgb(29,89,67)
```
#22674e
```
#22674e rgb(34,103,78)
```
#267659
```
#267659 rgb(38,118,89)
```
#2b8564
```
#2b8564 rgb(43,133,100)
```
#309470
```
#309470 rgb(48,148,112)
```
#35a37b
```
#35a37b rgb(53,163,123)
```
#3ab186
```
#3ab186 rgb(58,177,134)
```
#3fc091
```
#3fc091 rgb(63,192,145)
```

Shade Color Variation

#4dc59a
```
#4dc59a rgb(77,197,154)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#6bcfaa
```
#6bcfaa rgb(107,207,170)
```
#7ad4b3
```
#7ad4b3 rgb(122,212,179)
```
#88d8bb
```
#88d8bb rgb(136,216,187)
```
#97ddc4
```
#97ddc4 rgb(151,221,196)
```
#a6e2cc
```
#a6e2cc rgb(166,226,204)
```
#b5e7d5
```
#b5e7d5 rgb(181,231,213)
```
#c4ecdd
```
#c4ecdd rgb(196,236,221)
```
#d2f1e6
```
#d2f1e6 rgb(210,241,230)
```
#e1f5ee
```
#e1f5ee rgb(225,245,238)
```
#f0faf6
```
#f0faf6 rgb(240,250,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e9894
```
#8e9894 rgb(142,152,148)
```
#86a097
```
#86a097 rgb(134,160,151)
```
#7da999
```
#7da999 rgb(125,169,153)
```
#75b19b
```
#75b19b rgb(117,177,155)
```
#6db99d
```
#6db99d rgb(109,185,157)
```
#64c2a0
```
#64c2a0 rgb(100,194,160)
```
#5ccaa2
```
#5ccaa2 rgb(92,202,162)
```
#54d2a4
```
#54d2a4 rgb(84,210,164)
```
#4bdba7
```
#4bdba7 rgb(75,219,167)
```
#43e3a9
```
#43e3a9 rgb(67,227,169)
```
#3bebab
```
#3bebab rgb(59,235,171)
```
#32f4ad
```
#32f4ad rgb(50,244,173)
```
#2afcb0
```
#2afcb0 rgb(42,252,176)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96aca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b99e Protanopia 1% of men
#cfb4af Deuteranopia 1% of men
#75c6d4 Tritanopia 0.001% of the population

Trichromacy

#9ebf9f Protanomaly 1% of men, 0.01% of women
#a5bcaa Deuteranomaly 6% of men, 0.4% of women
#6cc7c2 Tritanomaly 0.01% of the population

#5ccaa2 hex color

#5ccaa2 Color Information

#5ccaa2 Color Conversion

Color Schemes with #5ccaa2

Alternatives to #5ccaa2

#5ccaa2 Preview

Shades and Tints of #5ccaa2

Tones of #5ccaa2

Color Blindness Simulator