#5caa88 hex color

In a RGB color space, hex #5caa88 is composed of 36.1% red, 66.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 0% magenta, 20% yellow and 33.3% black. It has a hue angle of 153.8 degrees, a saturation of 31.5% and a lightness of 51.4%. #5caa88 color hex could be obtained by blending #b8ffff with #005511. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 67
- B 53
RGB color chart
- C 46
- M 0
- Y 20
- K 33
CMYK color chart

● #5caa88 color description : Dark moderate cyan - lime green.

The hexadecimal color #5caa88 has RGB values of R:92, G:170, B:136 and CMYK values of C:0.46, M:0, Y:0.2, K:0.33. Its decimal value is 6072968.

Hex triplet	5caa88	`#5caa88`
RGB Decimal	92, 170, 136	`rgb(92,170,136)`
RGB Percent	36.1, 66.7, 53.3	`rgb(36.1%,66.7%,53.3%)`
CMYK	46, 0, 20, 33
HSL	153.8°, 31.5, 51.4	`hsl(153.8,31.5%,51.4%)`
HSV (or HSB)	153.8°, 45.9, 66.7
Web Safe	669999	`#669999`

CIE-LAB	63.999, -32.208, 10.147
XYZ	23.231, 32.801, 28.398
xyY	0.275, 0.388, 32.801
CIE-LCH	63.999, 33.769, 162.514
CIE-LUV	63.999, -35.843, 19.4
Hunter-Lab	57.272, -27.823, 10.692
Binary	01011100, 10101010, 10001000

#5caa88
```
#5caa88 rgb(92,170,136)
```
#aa5c7e
```
#aa5c7e rgb(170,92,126)
```

Complementary Color

#5caa61
```
#5caa61 rgb(92,170,97)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#5ca5aa
```
#5ca5aa rgb(92,165,170)
```

Analogous Color

#aa615c
```
#aa615c rgb(170,97,92)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#aa5ca5
```
#aa5ca5 rgb(170,92,165)
```

Split Complementary Color

#aa885c
```
#aa885c rgb(170,136,92)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#885caa
```
#885caa rgb(136,92,170)
```

Triadic Color

#7eaa5c
```
#7eaa5c rgb(126,170,92)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#885caa
```
#885caa rgb(136,92,170)
```
#aa5c7e
```
#aa5c7e rgb(170,92,126)
```

Tetradic Color

#407a60
```
#407a60 rgb(64,122,96)
```
#488b6e
```
#488b6e rgb(72,139,110)
```
#519b7b
```
#519b7b rgb(81,155,123)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#6db394
```
#6db394 rgb(109,179,148)
```
#7ebba0
```
#7ebba0 rgb(126,187,160)
```
#8ec4ad
```
#8ec4ad rgb(142,196,173)
```

Monochromatic Color

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

#5caa75
```
#5caa75 rgb(92,170,117)
```
#5caa7b
```
#5caa7b rgb(92,170,123)
```
#5caa82
```
#5caa82 rgb(92,170,130)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#5caa8f
```
#5caa8f rgb(92,170,143)
```
#5caa95
```
#5caa95 rgb(92,170,149)
```
#5caa9c
```
#5caa9c rgb(92,170,156)
```

Similar Colors

Text with hexadecimal color #5caa88

This text has a font color of #5caa88.

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

#5caa88 background color

This paragraph has a background color of #5caa88.

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

#5caa88 border color

This element has a border color of #5caa88.

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

CSS codes

.text {color:#5caa88;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#09110e
```
#09110e rgb(9,17,14)
```
#101e18
```
#101e18 rgb(16,30,24)
```
#172b22
```
#172b22 rgb(23,43,34)
```
#1d382c
```
#1d382c rgb(29,56,44)
```
#244537
```
#244537 rgb(36,69,55)
```
#2b5241
```
#2b5241 rgb(43,82,65)
```
#315f4b
```
#315f4b rgb(49,95,75)
```
#386c55
```
#386c55 rgb(56,108,85)
```
#3f795f
```
#3f795f rgb(63,121,95)
```
#46866a
```
#46866a rgb(70,134,106)
```
#4c9274
```
#4c9274 rgb(76,146,116)
```
#539f7e
```
#539f7e rgb(83,159,126)
```

Shade Color Variation

#5caa88
```
#5caa88 rgb(92,170,136)
```
#69b191
```
#69b191 rgb(105,177,145)
```
#76b79b
```
#76b79b rgb(118,183,155)
```
#83bea4
```
#83bea4 rgb(131,190,164)
```
#90c5ae
```
#90c5ae rgb(144,197,174)
```
#9cccb7
```
#9cccb7 rgb(156,204,183)
```
#a9d2c0
```
#a9d2c0 rgb(169,210,192)
```
#b6d9ca
```
#b6d9ca rgb(182,217,202)
```
#c3e0d3
```
#c3e0d3 rgb(195,224,211)
```
#d0e7dd
```
#d0e7dd rgb(208,231,221)
```
#ddede6
```
#ddede6 rgb(221,237,230)
```
#eaf4f0
```
#eaf4f0 rgb(234,244,240)
```
#f7fbf9
```
#f7fbf9 rgb(247,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828483 is the less saturated color, while #10f692 is the most saturated one.

#828483
```
#828483 rgb(130,132,131)
```
#798d84
```
#798d84 rgb(121,141,132)
```
#6f9786
```
#6f9786 rgb(111,151,134)
```
#66a087
```
#66a087 rgb(102,160,135)
```
#5caa88
```
#5caa88 rgb(92,170,136)
```
#52b489
```
#52b489 rgb(82,180,137)
```
#49bd8a
```
#49bd8a rgb(73,189,138)
```
#3fc78c
```
#3fc78c rgb(63,199,140)
```
#36d08d
```
#36d08d rgb(54,208,141)
```
#2cda8e
```
#2cda8e rgb(44,218,142)
```
#23e38f
```
#23e38f rgb(35,227,143)
```
#19ed91
```
#19ed91 rgb(25,237,145)
```
#10f692
```
#10f692 rgb(16,246,146)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#85948e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89f87 Protanopia 1% of men
#b39b94 Deuteranopia 1% of men
#70a8b5 Tritanopia 0.001% of the population

Trichromacy

#8ca387 Protanomaly 1% of men, 0.01% of women
#93a090 Deuteranomaly 6% of men, 0.4% of women
#69a9a4 Tritanomaly 0.01% of the population

#5caa88 hex color

#5caa88 Color Information

#5caa88 Color Conversion

Color Schemes with #5caa88

Alternatives to #5caa88

#5caa88 Preview

Shades and Tints of #5caa88

Tones of #5caa88

Color Blindness Simulator