#5ecdfe hex color

In a RGB color space, hex #5ecdfe is composed of 36.9% red, 80.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 19.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.4 degrees, a saturation of 98.8% and a lightness of 68.2%. #5ecdfe color hex could be obtained by blending #bcffff with #009bfd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 80
- B 100
RGB color chart
- C 63
- M 19
- Y 0
- K 0
CMYK color chart

● #5ecdfe color description : Soft blue.

The hexadecimal color #5ecdfe has RGB values of R:94, G:205, B:254 and CMYK values of C:0.63, M:0.19, Y:0, K:0. Its decimal value is 6213118.

Hex triplet	5ecdfe	`#5ecdfe`
RGB Decimal	94, 205, 254	`rgb(94,205,254)`
RGB Percent	36.9, 80.4, 99.6	`rgb(36.9%,80.4%,99.6%)`
CMYK	63, 19, 0, 0
HSL	198.4°, 98.8, 68.2	`hsl(198.4,98.8%,68.2%)`
HSV (or HSB)	198.4°, 63, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.99, -17.368, -33.445
XYZ	44.332, 53.195, 101.692
xyY	0.223, 0.267, 53.195
CIE-LCH	77.99, 37.686, 242.557
CIE-LUV	77.99, -43.882, -51.768
Hunter-Lab	72.935, -19.137, -31.613
Binary	01011110, 11001101, 11111110

#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#fe8f5e
```
#fe8f5e rgb(254,143,94)
```

Complementary Color

#5efedf
```
#5efedf rgb(94,254,223)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#5e7dfe
```
#5e7dfe rgb(94,125,254)
```

Analogous Color

#fedf5e
```
#fedf5e rgb(254,223,94)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#fe5e7d
```
#fe5e7d rgb(254,94,125)
```

Split Complementary Color

#cdfe5e
```
#cdfe5e rgb(205,254,94)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#fe5ecd
```
#fe5ecd rgb(254,94,205)
```

Triadic Color

#5efe8f
```
#5efe8f rgb(94,254,143)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#fe5ecd
```
#fe5ecd rgb(254,94,205)
```
#fe8f5e
```
#fe8f5e rgb(254,143,94)
```

Tetradic Color

#12b5fe
```
#12b5fe rgb(18,181,254)
```
#2bbdfe
```
#2bbdfe rgb(43,189,254)
```
#45c5fe
```
#45c5fe rgb(69,197,254)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#77d5fe
```
#77d5fe rgb(119,213,254)
```
#91ddfe
```
#91ddfe rgb(145,221,254)
```
#aae5fe
```
#aae5fe rgb(170,229,254)
```

Monochromatic Color

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

#5ef5fe
```
#5ef5fe rgb(94,245,254)
```
#5ee8fe
```
#5ee8fe rgb(94,232,254)
```
#5edafe
```
#5edafe rgb(94,218,254)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#5ec0fe
```
#5ec0fe rgb(94,192,254)
```
#5eb2fe
```
#5eb2fe rgb(94,178,254)
```
#5ea5fe
```
#5ea5fe rgb(94,165,254)
```

Similar Colors

Text with hexadecimal color #5ecdfe

This text has a font color of #5ecdfe.

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

#5ecdfe background color

This paragraph has a background color of #5ecdfe.

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

#5ecdfe border color

This element has a border color of #5ecdfe.

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

CSS codes

.text {color:#5ecdfe;}

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

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

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, #000a0e is the darkest color, while #fafdff is the lightest one.

#000a0e
```
#000a0e rgb(0,10,14)
```
#001822
```
#001822 rgb(0,24,34)
```
#002535
```
#002535 rgb(0,37,53)
```
#003349
```
#003349 rgb(0,51,73)
```
#01405c
```
#01405c rgb(1,64,92)
```
#014e70
```
#014e70 rgb(1,78,112)
```
#015b83
```
#015b83 rgb(1,91,131)
```
#016997
```
#016997 rgb(1,105,151)
```
#0177aa
```
#0177aa rgb(1,119,170)
```
#0184be
```
#0184be rgb(1,132,190)
```
#0192d1
```
#0192d1 rgb(1,146,209)
```
#019fe5
```
#019fe5 rgb(1,159,229)
```
#02adf8
```
#02adf8 rgb(2,173,248)
```

Shade Color Variation

#10b5fe
```
#10b5fe rgb(16,181,254)
```
#24bbfe
```
#24bbfe rgb(36,187,254)
```
#37c1fe
```
#37c1fe rgb(55,193,254)
```
#4bc7fe
```
#4bc7fe rgb(75,199,254)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```
#71d3fe
```
#71d3fe rgb(113,211,254)
```
#85d9fe
```
#85d9fe rgb(133,217,254)
```
#98dffe
```
#98dffe rgb(152,223,254)
```
#ace5fe
```
#ace5fe rgb(172,229,254)
```
#bfebff
```
#bfebff rgb(191,235,255)
```
#d3f1ff
```
#d3f1ff rgb(211,241,255)
```
#e6f7ff
```
#e6f7ff rgb(230,247,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#a9b0b3
```
#a9b0b3 rgb(169,176,179)
```
#a3b2b9
```
#a3b2b9 rgb(163,178,185)
```
#9cb5c0
```
#9cb5c0 rgb(156,181,192)
```
#96b7c6
```
#96b7c6 rgb(150,183,198)
```
#90bacc
```
#90bacc rgb(144,186,204)
```
#8abcd2
```
#8abcd2 rgb(138,188,210)
```
#83bfd9
```
#83bfd9 rgb(131,191,217)
```
#7dc1df
```
#7dc1df rgb(125,193,223)
```
#77c3e5
```
#77c3e5 rgb(119,195,229)
```
#71c6eb
```
#71c6eb rgb(113,198,235)
```
#6ac8f2
```
#6ac8f2 rgb(106,200,242)
```
#64cbf8
```
#64cbf8 rgb(100,203,248)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c2f5 Protanopia 1% of men
#b1c1ff Deuteranopia 1% of men
#55d4e3 Tritanopia 0.001% of the population

Trichromacy

#96c6f8 Protanomaly 1% of men, 0.01% of women
#93c5fe Deuteranomaly 6% of men, 0.4% of women
#58d1ed Tritanomaly 0.01% of the population

#5ecdfe hex color

#5ecdfe Color Information

#5ecdfe Color Conversion

Color Schemes with #5ecdfe

Alternatives to #5ecdfe

#5ecdfe Preview

Shades and Tints of #5ecdfe

Tones of #5ecdfe

Color Blindness Simulator