#5ecde1 hex color

In a RGB color space, hex #5ecde1 is composed of 36.9% red, 80.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 8.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 189.2 degrees, a saturation of 68.6% and a lightness of 62.5%. #5ecde1 color hex could be obtained by blending #bcffff with #009bc3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 80
- B 88
RGB color chart
- C 58
- M 9
- Y 0
- K 12
CMYK color chart

● #5ecde1 color description : Soft cyan.

The hexadecimal color #5ecde1 has RGB values of R:94, G:205, B:225 and CMYK values of C:0.58, M:0.09, Y:0, K:0.12. Its decimal value is 6213089.

Hex triplet	5ecde1	`#5ecde1`
RGB Decimal	94, 205, 225	`rgb(94,205,225)`
RGB Percent	36.9, 80.4, 88.2	`rgb(36.9%,80.4%,88.2%)`
CMYK	58, 9, 0, 12
HSL	189.2°, 68.6, 62.5	`hsl(189.2,68.6%,62.5%)`
HSV (or HSB)	189.2°, 58.2, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.966, -25.915, -19.472
XYZ	40.034, 51.476, 79.056
xyY	0.235, 0.302, 51.476
CIE-LCH	76.966, 32.415, 216.92
CIE-LUV	76.966, -45.257, -26.853
Hunter-Lab	71.746, -25.954, -15.108
Binary	01011110, 11001101, 11100001

#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#e1725e
```
#e1725e rgb(225,114,94)
```

Complementary Color

#5ee1b4
```
#5ee1b4 rgb(94,225,180)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#5e8ce1
```
#5e8ce1 rgb(94,140,225)
```

Analogous Color

#e1b45e
```
#e1b45e rgb(225,180,94)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#e15e8c
```
#e15e8c rgb(225,94,140)
```

Split Complementary Color

#cde15e
```
#cde15e rgb(205,225,94)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#e15ecd
```
#e15ecd rgb(225,94,205)
```

Triadic Color

#5ee172
```
#5ee172 rgb(94,225,114)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#e15ecd
```
#e15ecd rgb(225,94,205)
```
#e1725e
```
#e1725e rgb(225,114,94)
```

Tetradic Color

#26b3cc
```
#26b3cc rgb(38,179,204)
```
#33c0d9
```
#33c0d9 rgb(51,192,217)
```
#49c6dd
```
#49c6dd rgb(73,198,221)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#73d4e5
```
#73d4e5 rgb(115,212,229)
```
#89dae9
```
#89dae9 rgb(137,218,233)
```
#9ee1ed
```
#9ee1ed rgb(158,225,237)
```

Monochromatic Color

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

#5ee1d4
```
#5ee1d4 rgb(94,225,212)
```
#5ee1df
```
#5ee1df rgb(94,225,223)
```
#5ed8e1
```
#5ed8e1 rgb(94,216,225)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#5ec2e1
```
#5ec2e1 rgb(94,194,225)
```
#5eb7e1
```
#5eb7e1 rgb(94,183,225)
```
#5eace1
```
#5eace1 rgb(94,172,225)
```

Similar Colors

Text with hexadecimal color #5ecde1

This text has a font color of #5ecde1.

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

#5ecde1 background color

This paragraph has a background color of #5ecde1.

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

#5ecde1 border color

This element has a border color of #5ecde1.

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

CSS codes

.text {color:#5ecde1;}

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

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

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, #010404 is the darkest color, while #f3fbfd is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#041215
```
#041215 rgb(4,18,21)
```
#072125
```
#072125 rgb(7,33,37)
```
#0a2f36
```
#0a2f36 rgb(10,47,54)
```
#0d3e46
```
#0d3e46 rgb(13,62,70)
```
#104c57
```
#104c57 rgb(16,76,87)
```
#135b68
```
#135b68 rgb(19,91,104)
```
#166978
```
#166978 rgb(22,105,120)
```
#197889
```
#197889 rgb(25,120,137)
```
#1d8699
```
#1d8699 rgb(29,134,153)
```
#2095aa
```
#2095aa rgb(32,149,170)
```
#23a3ba
```
#23a3ba rgb(35,163,186)
```
#26b2cb
```
#26b2cb rgb(38,178,203)
```

Shade Color Variation

#2cbed8
```
#2cbed8 rgb(44,190,216)
```
#3dc3db
```
#3dc3db rgb(61,195,219)
```
#4dc8de
```
#4dc8de rgb(77,200,222)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#6fd2e4
```
#6fd2e4 rgb(111,210,228)
```
#7fd7e7
```
#7fd7e7 rgb(127,215,231)
```
#90dcea
```
#90dcea rgb(144,220,234)
```
#a0e2ed
```
#a0e2ed rgb(160,226,237)
```
#b1e7f0
```
#b1e7f0 rgb(177,231,240)
```
#c1ecf3
```
#c1ecf3 rgb(193,236,243)
```
#d2f1f7
```
#d2f1f7 rgb(210,241,247)
```
#e2f6fa
```
#e2f6fa rgb(226,246,250)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a4a6 is the less saturated color, while #41e1fe is the most saturated one.

#99a4a6
```
#99a4a6 rgb(153,164,166)
```
#91a9ae
```
#91a9ae rgb(145,169,174)
```
#8aaeb5
```
#8aaeb5 rgb(138,174,181)
```
#83b3bc
```
#83b3bc rgb(131,179,188)
```
#7bb9c4
```
#7bb9c4 rgb(123,185,196)
```
#74becb
```
#74becb rgb(116,190,203)
```
#6dc3d2
```
#6dc3d2 rgb(109,195,210)
```
#65c8da
```
#65c8da rgb(101,200,218)
```
#5ecde1
```
#5ecde1 rgb(94,205,225)
```
#57d2e8
```
#57d2e8 rgb(87,210,232)
```
#4fd7f0
```
#4fd7f0 rgb(79,215,240)
```
#48dcf7
```
#48dcf7 rgb(72,220,247)
```
#41e1fe
```
#41e1fe rgb(65,225,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9eb4b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbfd9 Protanopia 1% of men
#bebde9 Deuteranopia 1% of men
#64d0df Tritanopia 0.001% of the population

Trichromacy

#9ac4dc Protanomaly 1% of men, 0.01% of women
#9bc3e6 Deuteranomaly 6% of men, 0.4% of women
#62cfdf Tritanomaly 0.01% of the population

#5ecde1 hex color

#5ecde1 Color Information

#5ecde1 Color Conversion

Color Schemes with #5ecde1

Alternatives to #5ecde1

#5ecde1 Preview

Shades and Tints of #5ecde1

Tones of #5ecde1

Color Blindness Simulator