#5c9aa2 hex color

In a RGB color space, hex #5c9aa2 is composed of 36.1% red, 60.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 4.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 186.9 degrees, a saturation of 27.6% and a lightness of 49.8%. #5c9aa2 color hex could be obtained by blending #b8ffff with #003545. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 60
- B 64
RGB color chart
- C 43
- M 5
- Y 0
- K 36
CMYK color chart

● #5c9aa2 color description : Mostly desaturated dark cyan.

The hexadecimal color #5c9aa2 has RGB values of R:92, G:154, B:162 and CMYK values of C:0.43, M:0.05, Y:0, K:0.36. Its decimal value is 6068898.

Hex triplet	5c9aa2	`#5c9aa2`
RGB Decimal	92, 154, 162	`rgb(92,154,162)`
RGB Percent	36.1, 60.4, 63.5	`rgb(36.1%,60.4%,63.5%)`
CMYK	43, 5, 0, 36
HSL	186.9°, 27.6, 49.8	`hsl(186.9,27.6%,49.8%)`
HSV (or HSB)	186.9°, 43.2, 63.5
Web Safe	669999	`#669999`

CIE-LAB	59.883, -17.829, -10.469
XYZ	22.489, 27.994, 38.399
xyY	0.253, 0.315, 27.994
CIE-LCH	59.883, 20.676, 210.421
CIE-LUV	59.883, -28.422, -12.839
Hunter-Lab	52.909, -16.72, -5.993
Binary	01011100, 10011010, 10100010

#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#a2645c
```
#a2645c rgb(162,100,92)
```

Complementary Color

#5ca287
```
#5ca287 rgb(92,162,135)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#5c77a2
```
#5c77a2 rgb(92,119,162)
```

Analogous Color

#a2875c
```
#a2875c rgb(162,135,92)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#a25c77
```
#a25c77 rgb(162,92,119)
```

Split Complementary Color

#9aa25c
```
#9aa25c rgb(154,162,92)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#a25c9a
```
#a25c9a rgb(162,92,154)
```

Triadic Color

#5ca264
```
#5ca264 rgb(92,162,100)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#a25c9a
```
#a25c9a rgb(162,92,154)
```
#a2645c
```
#a2645c rgb(162,100,92)
```

Tetradic Color

#406c71
```
#406c71 rgb(64,108,113)
```
#4a7b81
```
#4a7b81 rgb(74,123,129)
```
#538b92
```
#538b92 rgb(83,139,146)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#6ca4ac
```
#6ca4ac rgb(108,164,172)
```
#7caeb5
```
#7caeb5 rgb(124,174,181)
```
#8db8be
```
#8db8be rgb(141,184,190)
```

Monochromatic Color

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

#5ca299
```
#5ca299 rgb(92,162,153)
```
#5ca29e
```
#5ca29e rgb(92,162,158)
```
#5ca0a2
```
#5ca0a2 rgb(92,160,162)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#5c94a2
```
#5c94a2 rgb(92,148,162)
```
#5c8ea2
```
#5c8ea2 rgb(92,142,162)
```
#5c89a2
```
#5c89a2 rgb(92,137,162)
```

Similar Colors

Text with hexadecimal color #5c9aa2

This text has a font color of #5c9aa2.

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

#5c9aa2 background color

This paragraph has a background color of #5c9aa2.

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

#5c9aa2 border color

This element has a border color of #5c9aa2.

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

CSS codes

.text {color:#5c9aa2;}

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

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

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, #070b0c is the darkest color, while #feffff is the lightest one.

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1718
```
#0e1718 rgb(14,23,24)
```
#152325
```
#152325 rgb(21,35,37)
```
#1c2f31
```
#1c2f31 rgb(28,47,49)
```
#233b3e
```
#233b3e rgb(35,59,62)
```
#2a474a
```
#2a474a rgb(42,71,74)
```
#315357
```
#315357 rgb(49,83,87)
```
#385f63
```
#385f63 rgb(56,95,99)
```
#406a70
```
#406a70 rgb(64,106,112)
```
#47767c
```
#47767c rgb(71,118,124)
```
#4e8289
```
#4e8289 rgb(78,130,137)
```
#558e95
```
#558e95 rgb(85,142,149)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```

Shade Color Variation

#68a2a9
```
#68a2a9 rgb(104,162,169)
```
#75aab0
```
#75aab0 rgb(117,170,176)
```
#81b1b8
```
#81b1b8 rgb(129,177,184)
```
#8eb9bf
```
#8eb9bf rgb(142,185,191)
```
#9ac1c6
```
#9ac1c6 rgb(154,193,198)
```
#a7c9cd
```
#a7c9cd rgb(167,201,205)
```
#b3d0d4
```
#b3d0d4 rgb(179,208,212)
```
#c0d8db
```
#c0d8db rgb(192,216,219)
```
#cce0e2
```
#cce0e2 rgb(204,224,226)
```
#d9e7e9
```
#d9e7e9 rgb(217,231,233)
```
#e5eff0
```
#e5eff0 rgb(229,239,240)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#798385
```
#798385 rgb(121,131,133)
```
#708b8e
```
#708b8e rgb(112,139,142)
```
#669298
```
#669298 rgb(102,146,152)
```
#5c9aa2
```
#5c9aa2 rgb(92,154,162)
```
#52a2ac
```
#52a2ac rgb(82,162,172)
```
#48a9b6
```
#48a9b6 rgb(72,169,182)
```
#3fb1bf
```
#3fb1bf rgb(63,177,191)
```
#35b8c9
```
#35b8c9 rgb(53,184,201)
```
#2bc0d3
```
#2bc0d3 rgb(43,192,211)
```
#21c7dd
```
#21c7dd rgb(33,199,221)
```
#18cfe6
```
#18cfe6 rgb(24,207,230)
```
#0ed6f0
```
#0ed6f0 rgb(14,214,240)
```
#04defa
```
#04defa rgb(4,222,250)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7f8c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9595a1 Protanopia 1% of men
#9992ab Deuteranopia 1% of men
#659eaa Tritanopia 0.001% of the population

Trichromacy

#8096a1 Protanomaly 1% of men, 0.01% of women
#8295a7 Deuteranomaly 6% of men, 0.4% of women
#629ca7 Tritanomaly 0.01% of the population

#5c9aa2 hex color

#5c9aa2 Color Information

#5c9aa2 Color Conversion

Color Schemes with #5c9aa2

Alternatives to #5c9aa2

#5c9aa2 Preview

Shades and Tints of #5c9aa2

Tones of #5c9aa2

Color Blindness Simulator