#5ec5e9 hex color

In a RGB color space, hex #5ec5e9 is composed of 36.9% red, 77.3% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 15.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 195.5 degrees, a saturation of 76% and a lightness of 64.1%. #5ec5e9 color hex could be obtained by blending #bcffff with #008bd3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 77
- B 91
RGB color chart
- C 60
- M 15
- Y 0
- K 9
CMYK color chart

● #5ec5e9 color description : Soft blue.

The hexadecimal color #5ec5e9 has RGB values of R:94, G:197, B:233 and CMYK values of C:0.6, M:0.15, Y:0, K:0.09. Its decimal value is 6211049.

Hex triplet	5ec5e9	`#5ec5e9`
RGB Decimal	94, 197, 233	`rgb(94,197,233)`
RGB Percent	36.9, 77.3, 91.4	`rgb(36.9%,77.3%,91.4%)`
CMYK	60, 15, 0, 9
HSL	195.5°, 76, 64.1	`hsl(195.5,76%,64.1%)`
HSV (or HSB)	195.5°, 59.7, 91.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.946, -19.556, -26.857
XYZ	39.286, 48.192, 84.318
xyY	0.229, 0.281, 48.192
CIE-LCH	74.946, 33.223, 233.939
CIE-LUV	74.946, -41.93, -40.012
Hunter-Lab	69.421, -20.47, -23.419
Binary	01011110, 11000101, 11101001

#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#e9825e
```
#e9825e rgb(233,130,94)
```

Complementary Color

#5ee9c8
```
#5ee9c8 rgb(94,233,200)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#5e80e9
```
#5e80e9 rgb(94,128,233)
```

Analogous Color

#e9c85e
```
#e9c85e rgb(233,200,94)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#e95e80
```
#e95e80 rgb(233,94,128)
```

Split Complementary Color

#c5e95e
```
#c5e95e rgb(197,233,94)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#e95ec5
```
#e95ec5 rgb(233,94,197)
```

Triadic Color

#5ee982
```
#5ee982 rgb(94,233,130)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#e95ec5
```
#e95ec5 rgb(233,94,197)
```
#e9825e
```
#e9825e rgb(233,130,94)
```

Tetradic Color

#1eabdc
```
#1eabdc rgb(30,171,220)
```
#31b5e3
```
#31b5e3 rgb(49,181,227)
```
#48bde6
```
#48bde6 rgb(72,189,230)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#74cdec
```
#74cdec rgb(116,205,236)
```
#8bd5ef
```
#8bd5ef rgb(139,213,239)
```
#a1ddf2
```
#a1ddf2 rgb(161,221,242)
```

Monochromatic Color

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

#5ee8e9
```
#5ee8e9 rgb(94,232,233)
```
#5edce9
```
#5edce9 rgb(94,220,233)
```
#5ed1e9
```
#5ed1e9 rgb(94,209,233)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#5eb9e9
```
#5eb9e9 rgb(94,185,233)
```
#5eaee9
```
#5eaee9 rgb(94,174,233)
```
#5ea2e9
```
#5ea2e9 rgb(94,162,233)
```

Similar Colors

Text with hexadecimal color #5ec5e9

This text has a font color of #5ec5e9.

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

#5ec5e9 background color

This paragraph has a background color of #5ec5e9.

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

#5ec5e9 border color

This element has a border color of #5ec5e9.

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

CSS codes

.text {color:#5ec5e9;}

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

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

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, #02090c is the darkest color, while #f9fdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#04161d
```
#04161d rgb(4,22,29)
```
#06242e
```
#06242e rgb(6,36,46)
```
#09313f
```
#09313f rgb(9,49,63)
```
#0b3f51
```
#0b3f51 rgb(11,63,81)
```
#0d4c62
```
#0d4c62 rgb(13,76,98)
```
#105973
```
#105973 rgb(16,89,115)
```
#126784
```
#126784 rgb(18,103,132)
```
#147496
```
#147496 rgb(20,116,150)
```
#1782a7
```
#1782a7 rgb(23,130,167)
```
#198fb8
```
#198fb8 rgb(25,143,184)
```
#1c9cc9
```
#1c9cc9 rgb(28,156,201)
```
#1eaadb
```
#1eaadb rgb(30,170,219)
```

Shade Color Variation

#2ab2e2
```
#2ab2e2 rgb(42,178,226)
```
#3bb9e4
```
#3bb9e4 rgb(59,185,228)
```
#4dbfe7
```
#4dbfe7 rgb(77,191,231)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#6fcbeb
```
#6fcbeb rgb(111,203,235)
```
#81d1ee
```
#81d1ee rgb(129,209,238)
```
#92d8f0
```
#92d8f0 rgb(146,216,240)
```
#a3def2
```
#a3def2 rgb(163,222,242)
```
#b4e4f5
```
#b4e4f5 rgb(180,228,245)
```
#c6eaf7
```
#c6eaf7 rgb(198,234,247)
```
#d7f1fa
```
#d7f1fa rgb(215,241,250)
```
#e8f7fc
```
#e8f7fc rgb(232,247,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#9da6aa
```
#9da6aa rgb(157,166,170)
```
#96aab1
```
#96aab1 rgb(150,170,177)
```
#8fadb8
```
#8fadb8 rgb(143,173,184)
```
#88b1bf
```
#88b1bf rgb(136,177,191)
```
#81b4c6
```
#81b4c6 rgb(129,180,198)
```
#7ab7cd
```
#7ab7cd rgb(122,183,205)
```
#73bbd4
```
#73bbd4 rgb(115,187,212)
```
#6cbedb
```
#6cbedb rgb(108,190,219)
```
#65c2e2
```
#65c2e2 rgb(101,194,226)
```
#5ec5e9
```
#5ec5e9 rgb(94,197,233)
```
#57c8f0
```
#57c8f0 rgb(87,200,240)
```
#50ccf7
```
#50ccf7 rgb(80,204,247)
```
#49cffe
```
#49cffe rgb(73,207,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9bafb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bae1 Protanopia 1% of men
#b0b9ef Deuteranopia 1% of men
#5dcad9 Tritanopia 0.001% of the population

Trichromacy

#93bee4 Protanomaly 1% of men, 0.01% of women
#92bded Deuteranomaly 6% of men, 0.4% of women
#5dc8df Tritanomaly 0.01% of the population

#5ec5e9 hex color

#5ec5e9 Color Information

#5ec5e9 Color Conversion

Color Schemes with #5ec5e9

Alternatives to #5ec5e9

#5ec5e9 Preview

Shades and Tints of #5ec5e9

Tones of #5ec5e9

Color Blindness Simulator