#5ecef2 hex color

In a RGB color space, hex #5ecef2 is composed of 36.9% red, 80.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 14.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 194.6 degrees, a saturation of 85.1% and a lightness of 65.9%. #5ecef2 color hex could be obtained by blending #bcffff with #009de5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 81
- B 95
RGB color chart
- C 61
- M 15
- Y 0
- K 5
CMYK color chart

● #5ecef2 color description : Soft cyan.

The hexadecimal color #5ecef2 has RGB values of R:94, G:206, B:242 and CMYK values of C:0.61, M:0.15, Y:0, K:0.05. Its decimal value is 6213362.

Hex triplet	5ecef2	`#5ecef2`
RGB Decimal	94, 206, 242	`rgb(94,206,242)`
RGB Percent	36.9, 80.8, 94.9	`rgb(36.9%,80.8%,94.9%)`
CMYK	61, 15, 0, 5
HSL	194.6°, 85.1, 65.9	`hsl(194.6,85.1%,65.9%)`
HSV (or HSB)	194.6°, 61.2, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.834, -21.482, -27.271
XYZ	42.71, 52.93, 91.965
xyY	0.228, 0.282, 52.93
CIE-LCH	77.834, 34.716, 231.771
CIE-LUV	77.834, -44.807, -40.636
Hunter-Lab	72.753, -22.528, -24.02
Binary	01011110, 11001110, 11110010

#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#f2825e
```
#f2825e rgb(242,130,94)
```

Complementary Color

#5ef2cc
```
#5ef2cc rgb(94,242,204)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#5e84f2
```
#5e84f2 rgb(94,132,242)
```

Analogous Color

#f2cc5e
```
#f2cc5e rgb(242,204,94)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#f25e84
```
#f25e84 rgb(242,94,132)
```

Split Complementary Color

#cef25e
```
#cef25e rgb(206,242,94)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#f25ece
```
#f25ece rgb(242,94,206)
```

Triadic Color

#5ef282
```
#5ef282 rgb(94,242,130)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#f25ece
```
#f25ece rgb(242,94,206)
```
#f2825e
```
#f2825e rgb(242,130,94)
```

Tetradic Color

#17b8ec
```
#17b8ec rgb(23,184,236)
```
#2fc0ee
```
#2fc0ee rgb(47,192,238)
```
#46c7f0
```
#46c7f0 rgb(70,199,240)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#76d5f4
```
#76d5f4 rgb(118,213,244)
```
#8ddcf6
```
#8ddcf6 rgb(141,220,246)
```
#a5e4f8
```
#a5e4f8 rgb(165,228,248)
```

Monochromatic Color

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

#5ef2f1
```
#5ef2f1 rgb(94,242,241)
```
#5ee7f2
```
#5ee7f2 rgb(94,231,242)
```
#5edaf2
```
#5edaf2 rgb(94,218,242)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#5ec2f2
```
#5ec2f2 rgb(94,194,242)
```
#5eb5f2
```
#5eb5f2 rgb(94,181,242)
```
#5ea9f2
```
#5ea9f2 rgb(94,169,242)
```

Similar Colors

Text with hexadecimal color #5ecef2

This text has a font color of #5ecef2.

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

#5ecef2 background color

This paragraph has a background color of #5ecef2.

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

#5ecef2 border color

This element has a border color of #5ecef2.

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

CSS codes

.text {color:#5ecef2;}

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

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

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 #effafe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#021014
```
#021014 rgb(2,16,20)
```
#031e27
```
#031e27 rgb(3,30,39)
```
#052c39
```
#052c39 rgb(5,44,57)
```
#063a4b
```
#063a4b rgb(6,58,75)
```
#08485d
```
#08485d rgb(8,72,93)
```
#09566f
```
#09566f rgb(9,86,111)
```
#0a6481
```
#0a6481 rgb(10,100,129)
```
#0c7394
```
#0c7394 rgb(12,115,148)
```
#0d81a6
```
#0d81a6 rgb(13,129,166)
```
#0f8fb8
```
#0f8fb8 rgb(15,143,184)
```
#109dca
```
#109dca rgb(16,157,202)
```
#12abdc
```
#12abdc rgb(18,171,220)
```

Shade Color Variation

#15b8ec
```
#15b8ec rgb(21,184,236)
```
#28bdee
```
#28bdee rgb(40,189,238)
```
#3ac3ef
```
#3ac3ef rgb(58,195,239)
```
#4cc8f1
```
#4cc8f1 rgb(76,200,241)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#70d4f3
```
#70d4f3 rgb(112,212,243)
```
#82d9f5
```
#82d9f5 rgb(130,217,245)
```
#94dff6
```
#94dff6 rgb(148,223,246)
```
#a7e4f8
```
#a7e4f8 rgb(167,228,248)
```
#b9eaf9
```
#b9eaf9 rgb(185,234,249)
```
#cbeffb
```
#cbeffb rgb(203,239,251)
```
#ddf5fc
```
#ddf5fc rgb(221,245,252)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

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

#a8a8a8
```
#a8a8a8 rgb(168,168,168)
```
#a1acaf
```
#a1acaf rgb(161,172,175)
```
#9aafb6
```
#9aafb6 rgb(154,175,182)
```
#94b3bc
```
#94b3bc rgb(148,179,188)
```
#8db6c3
```
#8db6c3 rgb(141,182,195)
```
#86b9ca
```
#86b9ca rgb(134,185,202)
```
#7fbdd1
```
#7fbdd1 rgb(127,189,209)
```
#79c0d7
```
#79c0d7 rgb(121,192,215)
```
#72c4de
```
#72c4de rgb(114,196,222)
```
#6bc7e5
```
#6bc7e5 rgb(107,199,229)
```
#65cbeb
```
#65cbeb rgb(101,203,235)
```
#5ecef2
```
#5ecef2 rgb(94,206,242)
```
#57d1f9
```
#57d1f9 rgb(87,209,249)
```

Tone Color Variation

Below, you can see how #5ecef2 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
#a0b7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac1e9 Protanopia 1% of men
#b7c0f8 Deuteranopia 1% of men
#5cd3e2 Tritanopia 0.001% of the population

Trichromacy

#98c6ec Protanomaly 1% of men, 0.01% of women
#96c5f6 Deuteranomaly 6% of men, 0.4% of women
#5dd1e8 Tritanomaly 0.01% of the population

#5ecef2 hex color

#5ecef2 Color Information

#5ecef2 Color Conversion

Color Schemes with #5ecef2

Alternatives to #5ecef2

#5ecef2 Preview

Shades and Tints of #5ecef2

Tones of #5ecef2

Color Blindness Simulator