#5caaa5 hex color

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

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

● #5caaa5 color description : Dark moderate cyan.

The hexadecimal color #5caaa5 has RGB values of R:92, G:170, B:165 and CMYK values of C:0.46, M:0, Y:0.03, K:0.33. Its decimal value is 6072997.

Hex triplet	5caaa5	`#5caaa5`
RGB Decimal	92, 170, 165	`rgb(92,170,165)`
RGB Percent	36.1, 66.7, 64.7	`rgb(36.1%,66.7%,64.7%)`
CMYK	46, 0, 3, 33
HSL	176.2°, 31.5, 51.4	`hsl(176.2,31.5%,51.4%)`
HSV (or HSB)	176.2°, 45.9, 66.7
Web Safe	669999	`#669999`

CIE-LAB	64.755, -25.275, -4.907
XYZ	25.578, 33.74, 40.76
xyY	0.256, 0.337, 33.74
CIE-LCH	64.755, 25.747, 190.988
CIE-LUV	64.755, -34.842, -3.363
Hunter-Lab	58.086, -23.048, -0.945
Binary	01011100, 10101010, 10100101

#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#aa5c61
```
#aa5c61 rgb(170,92,97)
```

Complementary Color

#5caa7e
```
#5caa7e rgb(92,170,126)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#5c88aa
```
#5c88aa rgb(92,136,170)
```

Analogous Color

#aa7e5c
```
#aa7e5c rgb(170,126,92)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#aa5c88
```
#aa5c88 rgb(170,92,136)
```

Split Complementary Color

#aaa55c
```
#aaa55c rgb(170,165,92)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#a55caa
```
#a55caa rgb(165,92,170)
```

Triadic Color

#61aa5c
```
#61aa5c rgb(97,170,92)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#a55caa
```
#a55caa rgb(165,92,170)
```
#aa5c61
```
#aa5c61 rgb(170,92,97)
```

Tetradic Color

#407a76
```
#407a76 rgb(64,122,118)
```
#488b86
```
#488b86 rgb(72,139,134)
```
#519b97
```
#519b97 rgb(81,155,151)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#6db3ae
```
#6db3ae rgb(109,179,174)
```
#7ebbb8
```
#7ebbb8 rgb(126,187,184)
```
#8ec4c1
```
#8ec4c1 rgb(142,196,193)
```

Monochromatic Color

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

#5caa92
```
#5caa92 rgb(92,170,146)
```
#5caa98
```
#5caa98 rgb(92,170,152)
```
#5caa9f
```
#5caa9f rgb(92,170,159)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#5ca9aa
```
#5ca9aa rgb(92,169,170)
```
#5ca2aa
```
#5ca2aa rgb(92,162,170)
```
#5c9caa
```
#5c9caa rgb(92,156,170)
```

Similar Colors

Text with hexadecimal color #5caaa5

This text has a font color of #5caaa5.

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

#5caaa5 background color

This paragraph has a background color of #5caaa5.

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

#5caaa5 border color

This element has a border color of #5caaa5.

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

CSS codes

.text {color:#5caaa5;}

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

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

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 #f7fbfa is the lightest one.

#020504
```
#020504 rgb(2,5,4)
```
#091111
```
#091111 rgb(9,17,17)
```
#101e1d
```
#101e1d rgb(16,30,29)
```
#172b2a
```
#172b2a rgb(23,43,42)
```
#1d3836
```
#1d3836 rgb(29,56,54)
```
#244543
```
#244543 rgb(36,69,67)
```
#2b524f
```
#2b524f rgb(43,82,79)
```
#315f5c
```
#315f5c rgb(49,95,92)
```
#386c68
```
#386c68 rgb(56,108,104)
```
#3f7975
```
#3f7975 rgb(63,121,117)
```
#468681
```
#468681 rgb(70,134,129)
```
#4c928e
```
#4c928e rgb(76,146,142)
```
#539f9a
```
#539f9a rgb(83,159,154)
```

Shade Color Variation

#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#69b1ac
```
#69b1ac rgb(105,177,172)
```
#76b7b3
```
#76b7b3 rgb(118,183,179)
```
#83beba
```
#83beba rgb(131,190,186)
```
#90c5c1
```
#90c5c1 rgb(144,197,193)
```
#9cccc9
```
#9cccc9 rgb(156,204,201)
```
#a9d2d0
```
#a9d2d0 rgb(169,210,208)
```
#b6d9d7
```
#b6d9d7 rgb(182,217,215)
```
#c3e0de
```
#c3e0de rgb(195,224,222)
```
#d0e7e5
```
#d0e7e5 rgb(208,231,229)
```
#ddedec
```
#ddedec rgb(221,237,236)
```
#eaf4f3
```
#eaf4f3 rgb(234,244,243)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

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

#828484
```
#828484 rgb(130,132,132)
```
#798d8c
```
#798d8c rgb(121,141,140)
```
#6f9794
```
#6f9794 rgb(111,151,148)
```
#66a09d
```
#66a09d rgb(102,160,157)
```
#5caaa5
```
#5caaa5 rgb(92,170,165)
```
#52b4ad
```
#52b4ad rgb(82,180,173)
```
#49bdb6
```
#49bdb6 rgb(73,189,182)
```
#3fc7be
```
#3fc7be rgb(63,199,190)
```
#36d0c6
```
#36d0c6 rgb(54,208,198)
```
#2cdacf
```
#2cdacf rgb(44,218,207)
```
#23e3d7
```
#23e3d7 rgb(35,227,215)
```
#19eddf
```
#19eddf rgb(25,237,223)
```
#10f6e8
```
#10f6e8 rgb(16,246,232)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#879796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a1a2 Protanopia 1% of men
#aa9daf Deuteranopia 1% of men
#6aacb8 Tritanopia 0.001% of the population

Trichromacy

#8aa4a3 Protanomaly 1% of men, 0.01% of women
#8ea2ab Deuteranomaly 6% of men, 0.4% of women
#64abb1 Tritanomaly 0.01% of the population

#5caaa5 hex color

#5caaa5 Color Information

#5caaa5 Color Conversion

Color Schemes with #5caaa5

Alternatives to #5caaa5

#5caaa5 Preview

Shades and Tints of #5caaa5

Tones of #5caaa5

Color Blindness Simulator