#5ed4f6 hex color

In a RGB color space, hex #5ed4f6 is composed of 36.9% red, 83.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 13.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 193.4 degrees, a saturation of 89.4% and a lightness of 66.7%. #5ed4f6 color hex could be obtained by blending #bcffff with #00a9ed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 83
- B 96
RGB color chart
- C 62
- M 14
- Y 0
- K 4
CMYK color chart

● #5ed4f6 color description : Soft cyan.

The hexadecimal color #5ed4f6 has RGB values of R:94, G:212, B:246 and CMYK values of C:0.62, M:0.14, Y:0, K:0.04. Its decimal value is 6214902.

Hex triplet	5ed4f6	`#5ed4f6`
RGB Decimal	94, 212, 246	`rgb(94,212,246)`
RGB Percent	36.9, 83.1, 96.5	`rgb(36.9%,83.1%,96.5%)`
CMYK	62, 14, 0, 4
HSL	193.4°, 89.4, 66.7	`hsl(193.4,89.4%,66.7%)`
HSV (or HSB)	193.4°, 61.8, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.68, -23.326, -26.583
XYZ	44.79, 56.117, 95.655
xyY	0.228, 0.285, 56.117
CIE-LCH	79.68, 35.365, 228.734
CIE-LUV	79.68, -46.79, -39.319
Hunter-Lab	74.911, -24.369, -23.27
Binary	01011110, 11010100, 11110110

#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#f6805e
```
#f6805e rgb(246,128,94)
```

Complementary Color

#5ef6cc
```
#5ef6cc rgb(94,246,204)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#5e88f6
```
#5e88f6 rgb(94,136,246)
```

Analogous Color

#f6cc5e
```
#f6cc5e rgb(246,204,94)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#f65e88
```
#f65e88 rgb(246,94,136)
```

Split Complementary Color

#d4f65e
```
#d4f65e rgb(212,246,94)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#f65ed4
```
#f65ed4 rgb(246,94,212)
```

Triadic Color

#5ef680
```
#5ef680 rgb(94,246,128)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#f65ed4
```
#f65ed4 rgb(246,94,212)
```
#f6805e
```
#f6805e rgb(246,128,94)
```

Tetradic Color

#16c1f2
```
#16c1f2 rgb(22,193,242)
```
#2ec7f3
```
#2ec7f3 rgb(46,199,243)
```
#46cef5
```
#46cef5 rgb(70,206,245)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#76daf7
```
#76daf7 rgb(118,218,247)
```
#8ee1f9
```
#8ee1f9 rgb(142,225,249)
```
#a6e7fa
```
#a6e7fa rgb(166,231,250)
```

Monochromatic Color

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

#5ef6f2
```
#5ef6f2 rgb(94,246,242)
```
#5eedf6
```
#5eedf6 rgb(94,237,246)
```
#5ee1f6
```
#5ee1f6 rgb(94,225,246)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#5ec7f6
```
#5ec7f6 rgb(94,199,246)
```
#5ebbf6
```
#5ebbf6 rgb(94,187,246)
```
#5eaef6
```
#5eaef6 rgb(94,174,246)
```

Similar Colors

Text with hexadecimal color #5ed4f6

This text has a font color of #5ed4f6.

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

#5ed4f6 background color

This paragraph has a background color of #5ed4f6.

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

#5ed4f6 border color

This element has a border color of #5ed4f6.

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

CSS codes

.text {color:#5ed4f6;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011419
```
#011419 rgb(1,20,25)
```
#02222b
```
#02222b rgb(2,34,43)
```
#03313e
```
#03313e rgb(3,49,62)
```
#054051
```
#054051 rgb(5,64,81)
```
#064e63
```
#064e63 rgb(6,78,99)
```
#075d76
```
#075d76 rgb(7,93,118)
```
#086b88
```
#086b88 rgb(8,107,136)
```
#097a9b
```
#097a9b rgb(9,122,155)
```
#0a89ad
```
#0a89ad rgb(10,137,173)
```
#0b97c0
```
#0b97c0 rgb(11,151,192)
```
#0ca6d3
```
#0ca6d3 rgb(12,166,211)
```
#0db5e5
```
#0db5e5 rgb(13,181,229)
```

Shade Color Variation

#14c0f2
```
#14c0f2 rgb(20,192,242)
```
#26c5f3
```
#26c5f3 rgb(38,197,243)
```
#39caf4
```
#39caf4 rgb(57,202,244)
```
#4bcff5
```
#4bcff5 rgb(75,207,245)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#71d9f7
```
#71d9f7 rgb(113,217,247)
```
#83def8
```
#83def8 rgb(131,222,248)
```
#96e3f9
```
#96e3f9 rgb(150,227,249)
```
#a8e8fa
```
#a8e8fa rgb(168,232,250)
```
#bbedfb
```
#bbedfb rgb(187,237,251)
```
#cdf2fc
```
#cdf2fc rgb(205,242,252)
```
#e0f7fd
```
#e0f7fd rgb(224,247,253)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

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

#a6acae
```
#a6acae rgb(166,172,174)
```
#9fb0b5
```
#9fb0b5 rgb(159,176,181)
```
#99b3bb
```
#99b3bb rgb(153,179,187)
```
#92b7c2
```
#92b7c2 rgb(146,183,194)
```
#8cbbc8
```
#8cbbc8 rgb(140,187,200)
```
#85becf
```
#85becf rgb(133,190,207)
```
#7fc2d5
```
#7fc2d5 rgb(127,194,213)
```
#78c6dc
```
#78c6dc rgb(120,198,220)
```
#72c9e2
```
#72c9e2 rgb(114,201,226)
```
#6bcde9
```
#6bcde9 rgb(107,205,233)
```
#65d0ef
```
#65d0ef rgb(101,208,239)
```
#5ed4f6
```
#5ed4f6 rgb(94,212,246)
```
#57d8fd
```
#57d8fd rgb(87,216,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a4bbc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc6ec Protanopia 1% of men
#bdc5fc Deuteranopia 1% of men
#5dd8e8 Tritanopia 0.001% of the population

Trichromacy

#9ccbf0 Protanomaly 1% of men, 0.01% of women
#9acafa Deuteranomaly 6% of men, 0.4% of women
#5dd6ed Tritanomaly 0.01% of the population

#5ed4f6 hex color

#5ed4f6 Color Information

#5ed4f6 Color Conversion

Color Schemes with #5ed4f6

Alternatives to #5ed4f6

#5ed4f6 Preview

Shades and Tints of #5ed4f6

Tones of #5ed4f6

Color Blindness Simulator