#5aecd2 hex color

In a RGB color space, hex #5aecd2 is composed of 35.3% red, 92.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 11% yellow and 7.5% black. It has a hue angle of 169.3 degrees, a saturation of 79.3% and a lightness of 63.9%. #5aecd2 color hex could be obtained by blending #b4ffff with #00d9a5. 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

● #5aecd2 color description : Soft cyan.

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

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

CIE-LAB	85.41, -45.001, 1.047
XYZ	45.841, 66.814, 71.45
xyY	0.249, 0.363, 66.814
CIE-LCH	85.41, 45.013, 178.667
CIE-LUV	85.41, -58.392, 8.881
Hunter-Lab	81.74, -42.939, 5.392
Binary	01011010, 11101100, 11010010

#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#ec5a74
```
#ec5a74 rgb(236,90,116)
```

Complementary Color

#5aec89
```
#5aec89 rgb(90,236,137)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#5abdec
```
#5abdec rgb(90,189,236)
```

Analogous Color

#ec895a
```
#ec895a rgb(236,137,90)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#ec5abd
```
#ec5abd rgb(236,90,189)
```

Split Complementary Color

#ecd25a
```
#ecd25a rgb(236,210,90)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#d25aec
```
#d25aec rgb(210,90,236)
```

Triadic Color

#74ec5a
```
#74ec5a rgb(116,236,90)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#d25aec
```
#d25aec rgb(210,90,236)
```
#ec5a74
```
#ec5a74 rgb(236,90,116)
```

Tetradic Color

#1ae0bc
```
#1ae0bc rgb(26,224,188)
```
#2ce7c6
```
#2ce7c6 rgb(44,231,198)
```
#43e9cc
```
#43e9cc rgb(67,233,204)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#71efd8
```
#71efd8 rgb(113,239,216)
```
#88f1de
```
#88f1de rgb(136,241,222)
```
#9ff4e5
```
#9ff4e5 rgb(159,244,229)
```

Monochromatic Color

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

#5aecae
```
#5aecae rgb(90,236,174)
```
#5aecba
```
#5aecba rgb(90,236,186)
```
#5aecc6
```
#5aecc6 rgb(90,236,198)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#5aecde
```
#5aecde rgb(90,236,222)
```
#5aecea
```
#5aecea rgb(90,236,234)
```
#5ae2ec
```
#5ae2ec rgb(90,226,236)
```

Similar Colors

Text with hexadecimal color #5aecd2

This text has a font color of #5aecd2.

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

#5aecd2 background color

This paragraph has a background color of #5aecd2.

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

#5aecd2 border color

This element has a border color of #5aecd2.

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

CSS codes

.text {color:#5aecd2;}

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

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

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)
```
#074036
```
#074036 rgb(7,64,54)
```
#095144
```
#095144 rgb(9,81,68)
```
#0b6353
```
#0b6353 rgb(11,99,83)
```
#0d7462
```
#0d7462 rgb(13,116,98)
```
#0f8671
```
#0f8671 rgb(15,134,113)
```
#119880
```
#119880 rgb(17,152,128)
```
#13a98f
```
#13a98f rgb(19,169,143)
```
#16bb9d
```
#16bb9d rgb(22,187,157)
```
#18ccac
```
#18ccac rgb(24,204,172)
```
#1adebb
```
#1adebb rgb(26,222,187)
```

Shade Color Variation

#25e6c4
```
#25e6c4 rgb(37,230,196)
```
#37e8c8
```
#37e8c8 rgb(55,232,200)
```
#48eacd
```
#48eacd rgb(72,234,205)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#6ceed7
```
#6ceed7 rgb(108,238,215)
```
#7df0dc
```
#7df0dc rgb(125,240,220)
```
#8ff2e0
```
#8ff2e0 rgb(143,242,224)
```
#a0f4e5
```
#a0f4e5 rgb(160,244,229)
```
#b2f6ea
```
#b2f6ea rgb(178,246,234)
```
#c4f8ef
```
#c4f8ef rgb(196,248,239)
```
#d5faf4
```
#d5faf4 rgb(213,250,244)
```
#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 #4cfadb is the most saturated one.

#a1a5a4
```
#a1a5a4 rgb(161,165,164)
```
#9aaca9
```
#9aaca9 rgb(154,172,169)
```
#93b3ae
```
#93b3ae rgb(147,179,174)
```
#8cbab2
```
#8cbab2 rgb(140,186,178)
```
#84c2b7
```
#84c2b7 rgb(132,194,183)
```
#7dc9bb
```
#7dc9bb rgb(125,201,187)
```
#76d0c0
```
#76d0c0 rgb(118,208,192)
```
#6fd7c4
```
#6fd7c4 rgb(111,215,196)
```
#68dec9
```
#68dec9 rgb(104,222,201)
```
#61e5cd
```
#61e5cd rgb(97,229,205)
```
#5aecd2
```
#5aecd2 rgb(90,236,210)
```
#53f3d7
```
#53f3d7 rgb(83,243,215)
```
#4cfadb
```
#4cfadb rgb(76,250,219)
```

Tone Color Variation

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

#ded6c9 Protanopia 1% of men
#e8d1de Deuteranopia 1% of men
#75e7f8 Tritanopia 0.001% of the population

Trichromacy

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

#5aecd2 hex color

#5aecd2 Color Information

#5aecd2 Color Conversion

Color Schemes with #5aecd2

Alternatives to #5aecd2

#5aecd2 Preview

Shades and Tints of #5aecd2

Tones of #5aecd2

Color Blindness Simulator