colorhexa.com

#5aecd8 hex color

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

- R 35
- G 93
- B 85
RGB color chart
- C 62
- M 0
- Y 8
- K 7
CMYK color chart

● #5aecd8 color description : Soft cyan.

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

Hex triplet	5aecd8	`#5aecd8`
RGB Decimal	90, 236, 216	`rgb(90,236,216)`
RGB Percent	35.3, 92.5, 84.7	`rgb(35.3%,92.5%,84.7%)`
CMYK	62, 0, 8, 7
HSL	171.8°, 79.3, 63.9	`hsl(171.8,79.3%,63.9%)`
HSV (or HSB)	171.8°, 61.9, 92.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.564, -43.505, -1.881
XYZ	46.603, 67.118, 75.461
xyY	0.246, 0.355, 67.118
CIE-LCH	85.564, 43.545, 182.476
CIE-LUV	85.564, -58.041, 4.091
Hunter-Lab	81.926, -41.833, 2.737
Binary	01011010, 11101100, 11011000

#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#ec5a6e
```
#ec5a6e rgb(236,90,110)
```

Complementary Color

#5aec8f
```
#5aec8f rgb(90,236,143)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#5ab7ec
```
#5ab7ec rgb(90,183,236)
```

Analogous Color

#ec8f5a
```
#ec8f5a rgb(236,143,90)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#ec5ab7
```
#ec5ab7 rgb(236,90,183)
```

Split Complementary Color

#ecd85a
```
#ecd85a rgb(236,216,90)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#d85aec
```
#d85aec rgb(216,90,236)
```

Triadic Color

#6eec5a
```
#6eec5a rgb(110,236,90)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#d85aec
```
#d85aec rgb(216,90,236)
```
#ec5a6e
```
#ec5a6e rgb(236,90,110)
```

Tetradic Color

#1ae0c5
```
#1ae0c5 rgb(26,224,197)
```
#2ce7cd
```
#2ce7cd rgb(44,231,205)
```
#43e9d3
```
#43e9d3 rgb(67,233,211)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#71efdd
```
#71efdd rgb(113,239,221)
```
#88f1e3
```
#88f1e3 rgb(136,241,227)
```
#9ff4e8
```
#9ff4e8 rgb(159,244,232)
```

Monochromatic Color

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

#5aecb4
```
#5aecb4 rgb(90,236,180)
```
#5aecc0
```
#5aecc0 rgb(90,236,192)
```
#5aeccc
```
#5aeccc rgb(90,236,204)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#5aece4
```
#5aece4 rgb(90,236,228)
```
#5ae8ec
```
#5ae8ec rgb(90,232,236)
```
#5adcec
```
#5adcec rgb(90,220,236)
```

Similar Colors

Text with hexadecimal color #5aecd8

This text has a font color of #5aecd8.

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

#5aecd8 background color

This paragraph has a background color of #5aecd8.

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

#5aecd8 border color

This element has a border color of #5aecd8.

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

CSS codes

.text {color:#5aecd8;}

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

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

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

#010b0a
```
#010b0a rgb(1,11,10)
```
#031c19
```
#031c19 rgb(3,28,25)
```
#052e28
```
#052e28 rgb(5,46,40)
```
#074038
```
#074038 rgb(7,64,56)
```
#095147
```
#095147 rgb(9,81,71)
```
#0b6357
```
#0b6357 rgb(11,99,87)
```
#0d7466
```
#0d7466 rgb(13,116,102)
```
#0f8676
```
#0f8676 rgb(15,134,118)
```
#119885
```
#119885 rgb(17,152,133)
```
#13a995
```
#13a995 rgb(19,169,149)
```
#16bba4
```
#16bba4 rgb(22,187,164)
```
#18ccb4
```
#18ccb4 rgb(24,204,180)
```
#1adec3
```
#1adec3 rgb(26,222,195)
```

Shade Color Variation

#25e6cc
```
#25e6cc rgb(37,230,204)
```
#37e8d0
```
#37e8d0 rgb(55,232,208)
```
#48ead4
```
#48ead4 rgb(72,234,212)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#6ceedc
```
#6ceedc rgb(108,238,220)
```
#7df0e0
```
#7df0e0 rgb(125,240,224)
```
#8ff2e4
```
#8ff2e4 rgb(143,242,228)
```
#a0f4e9
```
#a0f4e9 rgb(160,244,233)
```
#b2f6ed
```
#b2f6ed rgb(178,246,237)
```
#c4f8f1
```
#c4f8f1 rgb(196,248,241)
```
#d5faf5
```
#d5faf5 rgb(213,250,245)
```
#e7fcf9
```
#e7fcf9 rgb(231,252,249)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#a1a5a5
```
#a1a5a5 rgb(161,165,165)
```
#9aacaa
```
#9aacaa rgb(154,172,170)
```
#93b3af
```
#93b3af rgb(147,179,175)
```
#8cbab4
```
#8cbab4 rgb(140,186,180)
```
#84c2b9
```
#84c2b9 rgb(132,194,185)
```
#7dc9be
```
#7dc9be rgb(125,201,190)
```
#76d0c3
```
#76d0c3 rgb(118,208,195)
```
#6fd7c9
```
#6fd7c9 rgb(111,215,201)
```
#68dece
```
#68dece rgb(104,222,206)
```
#61e5d3
```
#61e5d3 rgb(97,229,211)
```
#5aecd8
```
#5aecd8 rgb(90,236,216)
```
#53f3dd
```
#53f3dd rgb(83,243,221)
```
#4cfae2
```
#4cfae2 rgb(76,250,226)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#aac7c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd7ce Protanopia 1% of men
#e6d2e3 Deuteranopia 1% of men
#72e8f9 Tritanopia 0.001% of the population

Trichromacy

#added2 Protanomaly 1% of men, 0.01% of women
#b3dbdf Deuteranomaly 6% of men, 0.4% of women
#69e9ed Tritanomaly 0.01% of the population