#5aecdd hex color

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

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

● #5aecdd color description : Soft cyan.

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

Hex triplet	5aecdd	`#5aecdd`
RGB Decimal	90, 236, 221	`rgb(90,236,221)`
RGB Percent	35.3, 92.5, 86.7	`rgb(35.3%,92.5%,86.7%)`
CMYK	62, 0, 6, 7
HSL	173.8°, 79.3, 63.9	`hsl(173.8,79.3%,63.9%)`
HSV (or HSB)	173.8°, 61.9, 92.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.696, -42.232, -4.315
XYZ	47.259, 67.381, 78.918
xyY	0.244, 0.348, 67.381
CIE-LCH	85.696, 42.452, 185.834
CIE-LUV	85.696, -57.747, 0.053
Hunter-Lab	82.086, -40.884, 0.458
Binary	01011010, 11101100, 11011101

#5aecdd
```
#5aecdd rgb(90,236,221)
```
#ec5a69
```
#ec5a69 rgb(236,90,105)
```

Complementary Color

#5aec94
```
#5aec94 rgb(90,236,148)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#5ab2ec
```
#5ab2ec rgb(90,178,236)
```

Analogous Color

#ec945a
```
#ec945a rgb(236,148,90)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#ec5ab2
```
#ec5ab2 rgb(236,90,178)
```

Split Complementary Color

#ecdd5a
```
#ecdd5a rgb(236,221,90)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#dd5aec
```
#dd5aec rgb(221,90,236)
```

Triadic Color

#69ec5a
```
#69ec5a rgb(105,236,90)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#dd5aec
```
#dd5aec rgb(221,90,236)
```
#ec5a69
```
#ec5a69 rgb(236,90,105)
```

Tetradic Color

#1ae0cb
```
#1ae0cb rgb(26,224,203)
```
#2ce7d4
```
#2ce7d4 rgb(44,231,212)
```
#43e9d8
```
#43e9d8 rgb(67,233,216)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#71efe2
```
#71efe2 rgb(113,239,226)
```
#88f1e6
```
#88f1e6 rgb(136,241,230)
```
#9ff4eb
```
#9ff4eb rgb(159,244,235)
```

Monochromatic Color

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

#5aecb9
```
#5aecb9 rgb(90,236,185)
```
#5aecc5
```
#5aecc5 rgb(90,236,197)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#5aece9
```
#5aece9 rgb(90,236,233)
```
#5ae3ec
```
#5ae3ec rgb(90,227,236)
```
#5ad7ec
```
#5ad7ec rgb(90,215,236)
```

Similar Colors

Text with hexadecimal color #5aecdd

This text has a font color of #5aecdd.

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

#5aecdd background color

This paragraph has a background color of #5aecdd.

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

#5aecdd border color

This element has a border color of #5aecdd.

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

CSS codes

.text {color:#5aecdd;}

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

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

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)
```
#07403a
```
#07403a rgb(7,64,58)
```
#09514a
```
#09514a rgb(9,81,74)
```
#0b635a
```
#0b635a rgb(11,99,90)
```
#0d746a
```
#0d746a rgb(13,116,106)
```
#0f867a
```
#0f867a rgb(15,134,122)
```
#11988a
```
#11988a rgb(17,152,138)
```
#13a99a
```
#13a99a rgb(19,169,154)
```
#16bbaa
```
#16bbaa rgb(22,187,170)
```
#18ccba
```
#18ccba rgb(24,204,186)
```
#1adeca
```
#1adeca rgb(26,222,202)
```

Shade Color Variation

#25e6d2
```
#25e6d2 rgb(37,230,210)
```
#37e8d6
```
#37e8d6 rgb(55,232,214)
```
#48ead9
```
#48ead9 rgb(72,234,217)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#6ceee1
```
#6ceee1 rgb(108,238,225)
```
#7df0e4
```
#7df0e4 rgb(125,240,228)
```
#8ff2e8
```
#8ff2e8 rgb(143,242,232)
```
#a0f4eb
```
#a0f4eb rgb(160,244,235)
```
#b2f6ef
```
#b2f6ef rgb(178,246,239)
```
#c4f8f3
```
#c4f8f3 rgb(196,248,243)
```
#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 #4cfae8 is the most saturated one.

#a1a5a5
```
#a1a5a5 rgb(161,165,165)
```
#9aacaa
```
#9aacaa rgb(154,172,170)
```
#93b3b0
```
#93b3b0 rgb(147,179,176)
```
#8cbab6
```
#8cbab6 rgb(140,186,182)
```
#84c2bb
```
#84c2bb rgb(132,194,187)
```
#7dc9c1
```
#7dc9c1 rgb(125,201,193)
```
#76d0c7
```
#76d0c7 rgb(118,208,199)
```
#6fd7cc
```
#6fd7cc rgb(111,215,204)
```
#68ded2
```
#68ded2 rgb(104,222,210)
```
#61e5d7
```
#61e5d7 rgb(97,229,215)
```
#5aecdd
```
#5aecdd rgb(90,236,221)
```
#53f3e3
```
#53f3e3 rgb(83,243,227)
```
#4cfae8
```
#4cfae8 rgb(76,250,232)
```

Tone Color Variation

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

#ddd7d3 Protanopia 1% of men
#e4d2e8 Deuteranopia 1% of men
#71e8f9 Tritanopia 0.001% of the population

Trichromacy

#added6 Protanomaly 1% of men, 0.01% of women
#b2dbe4 Deuteranomaly 6% of men, 0.4% of women
#68e9ef Tritanomaly 0.01% of the population

#5aecdd hex color

#5aecdd Color Information

#5aecdd Color Conversion

Color Schemes with #5aecdd

Alternatives to #5aecdd

#5aecdd Preview

Shades and Tints of #5aecdd

Tones of #5aecdd

Color Blindness Simulator