colorhexa.com

#5ecff2 hex color

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

- R 37
- G 81
- B 95
RGB color chart
- C 61
- M 14
- Y 0
- K 5
CMYK color chart

● #5ecff2 color description : Soft cyan.

The hexadecimal color #5ecff2 has RGB values of R:94, G:207, B:242 and CMYK values of C:0.61, M:0.14, Y:0, K:0.05. Its decimal value is 6213618.

Hex triplet	5ecff2	`#5ecff2`
RGB Decimal	94, 207, 242	`rgb(94,207,242)`
RGB Percent	36.9, 81.2, 94.9	`rgb(36.9%,81.2%,94.9%)`
CMYK	61, 14, 0, 5
HSL	194.2°, 85.1, 65.9	`hsl(194.2,85.1%,65.9%)`
HSV (or HSB)	194.2°, 61.2, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.118, -21.989, -26.836
XYZ	42.952, 53.413, 92.046
xyY	0.228, 0.283, 53.413
CIE-LCH	78.118, 34.694, 230.67
CIE-LUV	78.118, -45.171, -39.843
Hunter-Lab	73.084, -22.992, -23.514
Binary	01011110, 11001111, 11110010

#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#f2815e
```
#f2815e rgb(242,129,94)
```

Complementary Color

#5ef2cb
```
#5ef2cb rgb(94,242,203)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#5e85f2
```
#5e85f2 rgb(94,133,242)
```

Analogous Color

#f2cb5e
```
#f2cb5e rgb(242,203,94)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#f25e85
```
#f25e85 rgb(242,94,133)
```

Split Complementary Color

#cff25e
```
#cff25e rgb(207,242,94)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#f25ecf
```
#f25ecf rgb(242,94,207)
```

Triadic Color

#5ef281
```
#5ef281 rgb(94,242,129)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#f25ecf
```
#f25ecf rgb(242,94,207)
```
#f2815e
```
#f2815e rgb(242,129,94)
```

Tetradic Color

#17baec
```
#17baec rgb(23,186,236)
```
#2fc1ee
```
#2fc1ee rgb(47,193,238)
```
#46c8f0
```
#46c8f0 rgb(70,200,240)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#76d6f4
```
#76d6f4 rgb(118,214,244)
```
#8dddf6
```
#8dddf6 rgb(141,221,246)
```
#a5e4f8
```
#a5e4f8 rgb(165,228,248)
```

Monochromatic Color

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

#5ef2f0
```
#5ef2f0 rgb(94,242,240)
```
#5ee8f2
```
#5ee8f2 rgb(94,232,242)
```
#5edbf2
```
#5edbf2 rgb(94,219,242)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#5ec3f2
```
#5ec3f2 rgb(94,195,242)
```
#5eb6f2
```
#5eb6f2 rgb(94,182,242)
```
#5eaaf2
```
#5eaaf2 rgb(94,170,242)
```

Similar Colors

Text with hexadecimal color #5ecff2

This text has a font color of #5ecff2.

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

#5ecff2 background color

This paragraph has a background color of #5ecff2.

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

#5ecff2 border color

This element has a border color of #5ecff2.

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

CSS codes

.text {color:#5ecff2;}

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

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

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)
```
#063b4b
```
#063b4b rgb(6,59,75)
```
#08495d
```
#08495d rgb(8,73,93)
```
#09576f
```
#09576f rgb(9,87,111)
```
#0a6581
```
#0a6581 rgb(10,101,129)
```
#0c7394
```
#0c7394 rgb(12,115,148)
```
#0d82a6
```
#0d82a6 rgb(13,130,166)
```
#0f90b8
```
#0f90b8 rgb(15,144,184)
```
#109eca
```
#109eca rgb(16,158,202)
```
#12acdc
```
#12acdc rgb(18,172,220)
```

Shade Color Variation

#15b9ec
```
#15b9ec rgb(21,185,236)
```
#28bfee
```
#28bfee rgb(40,191,238)
```
#3ac4ef
```
#3ac4ef rgb(58,196,239)
```
#4ccaf1
```
#4ccaf1 rgb(76,202,241)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#70d4f3
```
#70d4f3 rgb(112,212,243)
```
#82daf5
```
#82daf5 rgb(130,218,245)
```
#94dff6
```
#94dff6 rgb(148,223,246)
```
#a7e5f8
```
#a7e5f8 rgb(167,229,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 #57d3f9 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)
```
#86baca
```
#86baca rgb(134,186,202)
```
#7fbdd1
```
#7fbdd1 rgb(127,189,209)
```
#79c1d7
```
#79c1d7 rgb(121,193,215)
```
#72c4de
```
#72c4de rgb(114,196,222)
```
#6bc8e5
```
#6bc8e5 rgb(107,200,229)
```
#65cbeb
```
#65cbeb rgb(101,203,235)
```
#5ecff2
```
#5ecff2 rgb(94,207,242)
```
#57d3f9
```
#57d3f9 rgb(87,211,249)
```

Tone Color Variation

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

#bbc2e9 Protanopia 1% of men
#b8c1f8 Deuteranopia 1% of men
#5dd4e3 Tritanopia 0.001% of the population

Trichromacy

#99c7ec Protanomaly 1% of men, 0.01% of women
#97c6f6 Deuteranomaly 6% of men, 0.4% of women
#5dd2e8 Tritanomaly 0.01% of the population