#2ecffb hex color

In a RGB color space, hex #2ecffb is composed of 18% red, 81.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 17.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 192.9 degrees, a saturation of 96.2% and a lightness of 58.2%. #2ecffb color hex could be obtained by blending #5cffff with #009ff7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 81
- B 98
RGB color chart
- C 82
- M 18
- Y 0
- K 2
CMYK color chart

● #2ecffb color description : Bright cyan.

The hexadecimal color #2ecffb has RGB values of R:46, G:207, B:251 and CMYK values of C:0.82, M:0.18, Y:0, K:0.02. Its decimal value is 3067899.

Hex triplet	2ecffb	`#2ecffb`
RGB Decimal	46, 207, 251	`rgb(46,207,251)`
RGB Percent	18, 81.2, 98.4	`rgb(18%,81.2%,98.4%)`
CMYK	82, 18, 0, 2
HSL	192.9°, 96.2, 58.2	`hsl(192.9,96.2%,58.2%)`
HSV (or HSB)	192.9°, 81.7, 98.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.381, -25.182, -32.87
XYZ	40.847, 52.168, 99.178
xyY	0.213, 0.271, 52.168
CIE-LCH	77.381, 41.408, 232.544
CIE-LUV	77.381, -52.383, -49.762
Hunter-Lab	72.227, -25.449, -30.854
Binary	00101110, 11001111, 11111011

#2ecffb
```
#2ecffb rgb(46,207,251)
```
#fb5a2e
```
#fb5a2e rgb(251,90,46)
```

Complementary Color

#2efbc1
```
#2efbc1 rgb(46,251,193)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#2e69fb
```
#2e69fb rgb(46,105,251)
```

Analogous Color

#fbc12e
```
#fbc12e rgb(251,193,46)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#fb2e69
```
#fb2e69 rgb(251,46,105)
```

Split Complementary Color

#cffb2e
```
#cffb2e rgb(207,251,46)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#fb2ecf
```
#fb2ecf rgb(251,46,207)
```

Triadic Color

#2efb5a
```
#2efb5a rgb(46,251,90)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#fb2ecf
```
#fb2ecf rgb(251,46,207)
```
#fb5a2e
```
#fb5a2e rgb(251,90,46)
```

Tetradic Color

#04abd8
```
#04abd8 rgb(4,171,216)
```
#05bff1
```
#05bff1 rgb(5,191,241)
```
#15c9fb
```
#15c9fb rgb(21,201,251)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#47d5fb
```
#47d5fb rgb(71,213,251)
```
#60dafc
```
#60dafc rgb(96,218,252)
```
#79e0fc
```
#79e0fc rgb(121,224,252)
```

Monochromatic Color

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

#2efbf4
```
#2efbf4 rgb(46,251,244)
```
#2ef1fb
```
#2ef1fb rgb(46,241,251)
```
#2ee0fb
```
#2ee0fb rgb(46,224,251)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#2ebefb
```
#2ebefb rgb(46,190,251)
```
#2eadfb
```
#2eadfb rgb(46,173,251)
```
#2e9cfb
```
#2e9cfb rgb(46,156,251)
```

Similar Colors

Text with hexadecimal color #2ecffb

This text has a font color of #2ecffb.

<span style="color:#2ecffb;">Text here</span>

#2ecffb background color

This paragraph has a background color of #2ecffb.

<p style="background-color:#2ecffb;">Content here</p>

#2ecffb border color

This element has a border color of #2ecffb.

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

CSS codes

.text {color:#2ecffb;}

.background {background-color:#2ecffb;}

.border {border:1px solid #2ecffb;}

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

#000203
```
#000203 rgb(0,2,3)
```
#001116
```
#001116 rgb(0,17,22)
```
#012129
```
#012129 rgb(1,33,41)
```
#01303c
```
#01303c rgb(1,48,60)
```
#023f50
```
#023f50 rgb(2,63,80)
```
#024e63
```
#024e63 rgb(2,78,99)
```
#025d76
```
#025d76 rgb(2,93,118)
```
#036d89
```
#036d89 rgb(3,109,137)
```
#037c9d
```
#037c9d rgb(3,124,157)
```
#038bb0
```
#038bb0 rgb(3,139,176)
```
#049ac3
```
#049ac3 rgb(4,154,195)
```
#04a9d6
```
#04a9d6 rgb(4,169,214)
```
#04b8ea
```
#04b8ea rgb(4,184,234)
```

Shade Color Variation

#08c6fa
```
#08c6fa rgb(8,198,250)
```
#1bcbfb
```
#1bcbfb rgb(27,203,251)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```
#41d3fb
```
#41d3fb rgb(65,211,251)
```
#54d8fc
```
#54d8fc rgb(84,216,252)
```
#68dcfc
```
#68dcfc rgb(104,220,252)
```
#7be1fc
```
#7be1fc rgb(123,225,252)
```
#8ee5fd
```
#8ee5fd rgb(142,229,253)
```
#a1eafd
```
#a1eafd rgb(161,234,253)
```
#b5eefe
```
#b5eefe rgb(181,238,254)
```
#c8f2fe
```
#c8f2fe rgb(200,242,254)
```
#dbf7fe
```
#dbf7fe rgb(219,247,254)
```
#eefbff
```
#eefbff rgb(238,251,255)
```

Tint Color Variation

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

#909799
```
#909799 rgb(144,151,153)
```
#889ca1
```
#889ca1 rgb(136,156,161)
```
#80a0a9
```
#80a0a9 rgb(128,160,169)
```
#78a5b1
```
#78a5b1 rgb(120,165,177)
```
#70aab9
```
#70aab9 rgb(112,170,185)
```
#67aec2
```
#67aec2 rgb(103,174,194)
```
#5fb3ca
```
#5fb3ca rgb(95,179,202)
```
#57b8d2
```
#57b8d2 rgb(87,184,210)
```
#4fbcda
```
#4fbcda rgb(79,188,218)
```
#47c1e2
```
#47c1e2 rgb(71,193,226)
```
#3ec6eb
```
#3ec6eb rgb(62,198,235)
```
#36caf3
```
#36caf3 rgb(54,202,243)
```
#2ecffb
```
#2ecffb rgb(46,207,251)
```

Tone Color Variation

Below, you can see how #2ecffb 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

#a4a4a4 Achromatopsia 0.005% of the population
#8cadb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c0f0 Protanopia 1% of men
#afc0ff Deuteranopia 1% of men
#00d5e4 Tritanopia 0.001% of the population

Trichromacy

#84c5f4 Protanomaly 1% of men, 0.01% of women
#80c5fd Deuteranomaly 6% of men, 0.4% of women
#10d3ec Tritanomaly 0.01% of the population

#2ecffb hex color

#2ecffb Color Information

#2ecffb Color Conversion

Color Schemes with #2ecffb

Alternatives to #2ecffb

#2ecffb Preview

Shades and Tints of #2ecffb

Tones of #2ecffb

Color Blindness Simulator