#5ecbde hex color

In a RGB color space, hex #5ecbde is composed of 36.9% red, 79.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 8.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 188.9 degrees, a saturation of 66% and a lightness of 62%. #5ecbde color hex could be obtained by blending #bcffff with #0097bd. Closest websafe color is: #66cccc.

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

● #5ecbde color description : Soft cyan.

The hexadecimal color #5ecbde has RGB values of R:94, G:203, B:222 and CMYK values of C:0.58, M:0.09, Y:0, K:0.13. Its decimal value is 6212574.

Hex triplet	5ecbde	`#5ecbde`
RGB Decimal	94, 203, 222	`rgb(94,203,222)`
RGB Percent	36.9, 79.6, 87.1	`rgb(36.9%,79.6%,87.1%)`
CMYK	58, 9, 0, 13
HSL	188.9°, 66, 62	`hsl(188.9,66%,62%)`
HSV (or HSB)	188.9°, 57.7, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.291, -25.776, -18.878
XYZ	39.153, 50.363, 76.761
xyY	0.235, 0.303, 50.363
CIE-LCH	76.291, 31.95, 216.22
CIE-LUV	76.291, -44.658, -25.86
Hunter-Lab	70.967, -25.711, -14.454
Binary	01011110, 11001011, 11011110

#5ecbde
```
#5ecbde rgb(94,203,222)
```
#de715e
```
#de715e rgb(222,113,94)
```

Complementary Color

#5edeb1
```
#5edeb1 rgb(94,222,177)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#5e8bde
```
#5e8bde rgb(94,139,222)
```

Analogous Color

#deb15e
```
#deb15e rgb(222,177,94)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#de5e8b
```
#de5e8b rgb(222,94,139)
```

Split Complementary Color

#cbde5e
```
#cbde5e rgb(203,222,94)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#de5ecb
```
#de5ecb rgb(222,94,203)
```

Triadic Color

#5ede71
```
#5ede71 rgb(94,222,113)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#de5ecb
```
#de5ecb rgb(222,94,203)
```
#de715e
```
#de715e rgb(222,113,94)
```

Tetradic Color

#29afc7
```
#29afc7 rgb(41,175,199)
```
#34bdd5
```
#34bdd5 rgb(52,189,213)
```
#49c4da
```
#49c4da rgb(73,196,218)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#73d2e2
```
#73d2e2 rgb(115,210,226)
```
#88d9e7
```
#88d9e7 rgb(136,217,231)
```
#9de0eb
```
#9de0eb rgb(157,224,235)
```

Monochromatic Color

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

#5eded1
```
#5eded1 rgb(94,222,209)
```
#5ededc
```
#5ededc rgb(94,222,220)
```
#5ed6de
```
#5ed6de rgb(94,214,222)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#5ec0de
```
#5ec0de rgb(94,192,222)
```
#5eb6de
```
#5eb6de rgb(94,182,222)
```
#5eabde
```
#5eabde rgb(94,171,222)
```

Similar Colors

Text with hexadecimal color #5ecbde

This text has a font color of #5ecbde.

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

#5ecbde background color

This paragraph has a background color of #5ecbde.

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

#5ecbde border color

This element has a border color of #5ecbde.

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

CSS codes

.text {color:#5ecbde;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041012
```
#041012 rgb(4,16,18)
```
#071e22
```
#071e22 rgb(7,30,34)
```
#0a2d33
```
#0a2d33 rgb(10,45,51)
```
#0e3b43
```
#0e3b43 rgb(14,59,67)
```
#114953
```
#114953 rgb(17,73,83)
```
#145863
```
#145863 rgb(20,88,99)
```
#186674
```
#186674 rgb(24,102,116)
```
#1b7484
```
#1b7484 rgb(27,116,132)
```
#1e8394
```
#1e8394 rgb(30,131,148)
```
#2291a5
```
#2291a5 rgb(34,145,165)
```
#25a0b5
```
#25a0b5 rgb(37,160,181)
```
#28aec5
```
#28aec5 rgb(40,174,197)
```

Shade Color Variation

#2dbbd4
```
#2dbbd4 rgb(45,187,212)
```
#3dc0d7
```
#3dc0d7 rgb(61,192,215)
```
#4ec6db
```
#4ec6db rgb(78,198,219)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#6ed0e1
```
#6ed0e1 rgb(110,208,225)
```
#7fd6e5
```
#7fd6e5 rgb(127,214,229)
```
#8fdbe8
```
#8fdbe8 rgb(143,219,232)
```
#9fe0eb
```
#9fe0eb rgb(159,224,235)
```
#afe5ef
```
#afe5ef rgb(175,229,239)
```
#c0ebf2
```
#c0ebf2 rgb(192,235,242)
```
#d0f0f5
```
#d0f0f5 rgb(208,240,245)
```
#e0f5f9
```
#e0f5f9 rgb(224,245,249)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa1a2 is the less saturated color, while #40e0fc is the most saturated one.

#9aa1a2
```
#9aa1a2 rgb(154,161,162)
```
#92a6aa
```
#92a6aa rgb(146,166,170)
```
#8bacb1
```
#8bacb1 rgb(139,172,177)
```
#83b1b9
```
#83b1b9 rgb(131,177,185)
```
#7cb6c0
```
#7cb6c0 rgb(124,182,192)
```
#74bbc8
```
#74bbc8 rgb(116,187,200)
```
#6dc1cf
```
#6dc1cf rgb(109,193,207)
```
#65c6d7
```
#65c6d7 rgb(101,198,215)
```
#5ecbde
```
#5ecbde rgb(94,203,222)
```
#57d0e5
```
#57d0e5 rgb(87,208,229)
```
#4fd5ed
```
#4fd5ed rgb(79,213,237)
```
#48dbf4
```
#48dbf4 rgb(72,219,244)
```
#40e0fc
```
#40e0fc rgb(64,224,252)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9db3b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbed6 Protanopia 1% of men
#bcbbe6 Deuteranopia 1% of men
#65cedd Tritanopia 0.001% of the population

Trichromacy

#99c2d9 Protanomaly 1% of men, 0.01% of women
#9ac1e3 Deuteranomaly 6% of men, 0.4% of women
#62ccdd Tritanomaly 0.01% of the population

#5ecbde hex color

#5ecbde Color Information

#5ecbde Color Conversion

Color Schemes with #5ecbde

Alternatives to #5ecbde

#5ecbde Preview

Shades and Tints of #5ecbde

Tones of #5ecbde

Color Blindness Simulator