#5aecdc hex color

In a RGB color space, hex #5aecdc is composed of 35.3% red, 92.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 6.8% yellow and 7.5% black. It has a hue angle of 173.4 degrees, a saturation of 79.3% and a lightness of 63.9%. #5aecdc color hex could be obtained by blending #b4ffff with #00d9b9. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 93
- B 86
RGB color chart
- C 62
- M 0
- Y 7
- K 7
CMYK color chart

● #5aecdc color description : Soft cyan.

The hexadecimal color #5aecdc has RGB values of R:90, G:236, B:220 and CMYK values of C:0.62, M:0, Y:0.07, K:0.07. Its decimal value is 5958876.

Hex triplet	5aecdc	`#5aecdc`
RGB Decimal	90, 236, 220	`rgb(90,236,220)`
RGB Percent	35.3, 92.5, 86.3	`rgb(35.3%,92.5%,86.3%)`
CMYK	62, 0, 7, 7
HSL	173.4°, 79.3, 63.9	`hsl(173.4,79.3%,63.9%)`
HSV (or HSB)	173.4°, 61.9, 92.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.669, -42.489, -3.829
XYZ	47.126, 67.328, 78.218
xyY	0.245, 0.349, 67.328
CIE-LCH	85.669, 42.661, 185.149
CIE-LUV	85.669, -57.806, 0.863
Hunter-Lab	82.054, -41.075, 0.919
Binary	01011010, 11101100, 11011100

#5aecdc
```
#5aecdc rgb(90,236,220)
```
#ec5a6a
```
#ec5a6a rgb(236,90,106)
```

Complementary Color

#5aec93
```
#5aec93 rgb(90,236,147)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```

Analogous Color

#ec935a
```
#ec935a rgb(236,147,90)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#ec5ab3
```
#ec5ab3 rgb(236,90,179)
```

Split Complementary Color

#ecdc5a
```
#ecdc5a rgb(236,220,90)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#dc5aec
```
#dc5aec rgb(220,90,236)
```

Triadic Color

#6aec5a
```
#6aec5a rgb(106,236,90)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#dc5aec
```
#dc5aec rgb(220,90,236)
```
#ec5a6a
```
#ec5a6a rgb(236,90,106)
```

Tetradic Color

#1ae0ca
```
#1ae0ca rgb(26,224,202)
```
#2ce7d2
```
#2ce7d2 rgb(44,231,210)
```
#43e9d7
```
#43e9d7 rgb(67,233,215)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#71efe1
```
#71efe1 rgb(113,239,225)
```
#88f1e6
```
#88f1e6 rgb(136,241,230)
```
#9ff4eb
```
#9ff4eb rgb(159,244,235)
```

Monochromatic Color

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

#5aecb8
```
#5aecb8 rgb(90,236,184)
```
#5aecc4
```
#5aecc4 rgb(90,236,196)
```
#5aecd0
```
#5aecd0 rgb(90,236,208)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#5aece8
```
#5aece8 rgb(90,236,232)
```
#5ae4ec
```
#5ae4ec rgb(90,228,236)
```
#5ad8ec
```
#5ad8ec rgb(90,216,236)
```

Similar Colors

Text with hexadecimal color #5aecdc

This text has a font color of #5aecdc.

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

#5aecdc background color

This paragraph has a background color of #5aecdc.

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

#5aecdc border color

This element has a border color of #5aecdc.

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

CSS codes

.text {color:#5aecdc;}

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

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

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, #010b0a is the darkest color, while #f8fefe is the lightest one.

#010b0a
```
#010b0a rgb(1,11,10)
```
#031c1a
```
#031c1a rgb(3,28,26)
```
#052e2a
```
#052e2a rgb(5,46,42)
```
#074039
```
#074039 rgb(7,64,57)
```
#095149
```
#095149 rgb(9,81,73)
```
#0b6359
```
#0b6359 rgb(11,99,89)
```
#0d7469
```
#0d7469 rgb(13,116,105)
```
#0f8679
```
#0f8679 rgb(15,134,121)
```
#119889
```
#119889 rgb(17,152,137)
```
#13a999
```
#13a999 rgb(19,169,153)
```
#16bba9
```
#16bba9 rgb(22,187,169)
```
#18ccb9
```
#18ccb9 rgb(24,204,185)
```
#1adec8
```
#1adec8 rgb(26,222,200)
```

Shade Color Variation

#25e6d1
```
#25e6d1 rgb(37,230,209)
```
#37e8d5
```
#37e8d5 rgb(55,232,213)
```
#48ead8
```
#48ead8 rgb(72,234,216)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#6ceee0
```
#6ceee0 rgb(108,238,224)
```
#7df0e3
```
#7df0e3 rgb(125,240,227)
```
#8ff2e7
```
#8ff2e7 rgb(143,242,231)
```
#a0f4eb
```
#a0f4eb rgb(160,244,235)
```
#b2f6ef
```
#b2f6ef rgb(178,246,239)
```
#c4f8f2
```
#c4f8f2 rgb(196,248,242)
```
#d5faf6
```
#d5faf6 rgb(213,250,246)
```
#e7fcfa
```
#e7fcfa rgb(231,252,250)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#a1a5a5
```
#a1a5a5 rgb(161,165,165)
```
#9aacaa
```
#9aacaa rgb(154,172,170)
```
#93b3b0
```
#93b3b0 rgb(147,179,176)
```
#8cbab5
```
#8cbab5 rgb(140,186,181)
```
#84c2bb
```
#84c2bb rgb(132,194,187)
```
#7dc9c0
```
#7dc9c0 rgb(125,201,192)
```
#76d0c6
```
#76d0c6 rgb(118,208,198)
```
#6fd7cb
```
#6fd7cb rgb(111,215,203)
```
#68ded1
```
#68ded1 rgb(104,222,209)
```
#61e5d6
```
#61e5d6 rgb(97,229,214)
```
#5aecdc
```
#5aecdc rgb(90,236,220)
```
#53f3e2
```
#53f3e2 rgb(83,243,226)
```
#4cfae7
```
#4cfae7 rgb(76,250,231)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#abc8c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd7d2 Protanopia 1% of men
#e5d2e7 Deuteranopia 1% of men
#71e8f9 Tritanopia 0.001% of the population

Trichromacy

#added5 Protanomaly 1% of men, 0.01% of women
#b2dbe3 Deuteranomaly 6% of men, 0.4% of women
#69e9ee Tritanomaly 0.01% of the population

#5aecdc hex color

#5aecdc Color Information

#5aecdc Color Conversion

Color Schemes with #5aecdc

Alternatives to #5aecdc

#5aecdc Preview

Shades and Tints of #5aecdc

Tones of #5aecdc

Color Blindness Simulator