#5aecd1 hex color

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

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

● #5aecd1 color description : Soft cyan.

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

Hex triplet	5aecd1	`#5aecd1`
RGB Decimal	90, 236, 209	`rgb(90,236,209)`
RGB Percent	35.3, 92.5, 82	`rgb(35.3%,92.5%,82%)`
CMYK	62, 0, 11, 7
HSL	168.9°, 79.3, 63.9	`hsl(168.9,79.3%,63.9%)`
HSV (or HSB)	168.9°, 61.9, 92.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.385, -45.247, 1.536
XYZ	45.717, 66.764, 70.796
xyY	0.249, 0.364, 66.764
CIE-LCH	85.385, 45.273, 178.056
CIE-LUV	85.385, -58.45, 9.674
Hunter-Lab	81.709, -43.12, 5.826
Binary	01011010, 11101100, 11010001

#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#ec5a75
```
#ec5a75 rgb(236,90,117)
```

Complementary Color

#5aec88
```
#5aec88 rgb(90,236,136)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#5abeec
```
#5abeec rgb(90,190,236)
```

Analogous Color

#ec885a
```
#ec885a rgb(236,136,90)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#ec5abe
```
#ec5abe rgb(236,90,190)
```

Split Complementary Color

#ecd15a
```
#ecd15a rgb(236,209,90)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#d15aec
```
#d15aec rgb(209,90,236)
```

Triadic Color

#75ec5a
```
#75ec5a rgb(117,236,90)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#d15aec
```
#d15aec rgb(209,90,236)
```
#ec5a75
```
#ec5a75 rgb(236,90,117)
```

Tetradic Color

#1ae0bb
```
#1ae0bb rgb(26,224,187)
```
#2ce7c4
```
#2ce7c4 rgb(44,231,196)
```
#43e9cb
```
#43e9cb rgb(67,233,203)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#71efd7
```
#71efd7 rgb(113,239,215)
```
#88f1de
```
#88f1de rgb(136,241,222)
```
#9ff4e4
```
#9ff4e4 rgb(159,244,228)
```

Monochromatic Color

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

#5aecad
```
#5aecad rgb(90,236,173)
```
#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)
```

Similar Colors

Text with hexadecimal color #5aecd1

This text has a font color of #5aecd1.

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

#5aecd1 background color

This paragraph has a background color of #5aecd1.

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

#5aecd1 border color

This element has a border color of #5aecd1.

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

CSS codes

.text {color:#5aecd1;}

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

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

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

#010b09
```
#010b09 rgb(1,11,9)
```
#031c18
```
#031c18 rgb(3,28,24)
```
#052e27
```
#052e27 rgb(5,46,39)
```
#074035
```
#074035 rgb(7,64,53)
```
#095144
```
#095144 rgb(9,81,68)
```
#0b6353
```
#0b6353 rgb(11,99,83)
```
#0d7461
```
#0d7461 rgb(13,116,97)
```
#0f8670
```
#0f8670 rgb(15,134,112)
```
#11987f
```
#11987f rgb(17,152,127)
```
#13a98e
```
#13a98e rgb(19,169,142)
```
#16bb9c
```
#16bb9c rgb(22,187,156)
```
#18ccab
```
#18ccab rgb(24,204,171)
```
#1adeba
```
#1adeba rgb(26,222,186)
```

Shade Color Variation

#25e6c2
```
#25e6c2 rgb(37,230,194)
```
#37e8c7
```
#37e8c7 rgb(55,232,199)
```
#48eacc
```
#48eacc rgb(72,234,204)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#6ceed6
```
#6ceed6 rgb(108,238,214)
```
#7df0db
```
#7df0db rgb(125,240,219)
```
#8ff2e0
```
#8ff2e0 rgb(143,242,224)
```
#a0f4e5
```
#a0f4e5 rgb(160,244,229)
```
#b2f6ea
```
#b2f6ea rgb(178,246,234)
```
#c4f8ee
```
#c4f8ee rgb(196,248,238)
```
#d5faf3
```
#d5faf3 rgb(213,250,243)
```
#e7fcf8
```
#e7fcf8 rgb(231,252,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#a1a5a4
```
#a1a5a4 rgb(161,165,164)
```
#9aaca9
```
#9aaca9 rgb(154,172,169)
```
#93b3ad
```
#93b3ad rgb(147,179,173)
```
#8cbab2
```
#8cbab2 rgb(140,186,178)
```
#84c2b6
```
#84c2b6 rgb(132,194,182)
```
#7dc9bb
```
#7dc9bb rgb(125,201,187)
```
#76d0bf
```
#76d0bf rgb(118,208,191)
```
#6fd7c4
```
#6fd7c4 rgb(111,215,196)
```
#68dec8
```
#68dec8 rgb(104,222,200)
```
#61e5cd
```
#61e5cd rgb(97,229,205)
```
#5aecd1
```
#5aecd1 rgb(90,236,209)
```
#53f3d5
```
#53f3d5 rgb(83,243,213)
```
#4cfada
```
#4cfada rgb(76,250,218)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a9c6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded6c8 Protanopia 1% of men
#e8d1dd Deuteranopia 1% of men
#75e7f8 Tritanopia 0.001% of the population

Trichromacy

#aedecb Protanomaly 1% of men, 0.01% of women
#b4dbd8 Deuteranomaly 6% of men, 0.4% of women
#6be9ea Tritanomaly 0.01% of the population

#5aecd1 hex color

#5aecd1 Color Information

#5aecd1 Color Conversion

Color Schemes with #5aecd1

Alternatives to #5aecd1

#5aecd1 Preview

Shades and Tints of #5aecd1

Tones of #5aecd1

Color Blindness Simulator