#2ecefb hex color

In a RGB color space, hex #2ecefb is composed of 18% red, 80.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 17.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 193.2 degrees, a saturation of 96.2% and a lightness of 58.2%. #2ecefb color hex could be obtained by blending #5cffff with #009df7. 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

● #2ecefb color description : Bright cyan.

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

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

CIE-LAB	77.092, -24.681, -33.316
XYZ	40.606, 51.685, 99.098
xyY	0.212, 0.27, 51.685
CIE-LCH	77.092, 41.463, 233.468
CIE-LUV	77.092, -52.043, -50.575
Hunter-Lab	71.892, -24.991, -31.402
Binary	00101110, 11001110, 11111011

#2ecefb
```
#2ecefb rgb(46,206,251)
```
#fb5b2e
```
#fb5b2e rgb(251,91,46)
```

Complementary Color

#2efbc2
```
#2efbc2 rgb(46,251,194)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#2e68fb
```
#2e68fb rgb(46,104,251)
```

Analogous Color

#fbc22e
```
#fbc22e rgb(251,194,46)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#fb2e68
```
#fb2e68 rgb(251,46,104)
```

Split Complementary Color

#cefb2e
```
#cefb2e rgb(206,251,46)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#fb2ece
```
#fb2ece rgb(251,46,206)
```

Triadic Color

#2efb5b
```
#2efb5b rgb(46,251,91)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#fb2ece
```
#fb2ece rgb(251,46,206)
```
#fb5b2e
```
#fb5b2e rgb(251,91,46)
```

Tetradic Color

#04aad8
```
#04aad8 rgb(4,170,216)
```
#05bdf1
```
#05bdf1 rgb(5,189,241)
```
#15c8fb
```
#15c8fb rgb(21,200,251)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#47d4fb
```
#47d4fb rgb(71,212,251)
```
#60dafc
```
#60dafc rgb(96,218,252)
```
#79e0fc
```
#79e0fc rgb(121,224,252)
```

Monochromatic Color

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

#2efbf5
```
#2efbf5 rgb(46,251,245)
```
#2ef0fb
```
#2ef0fb rgb(46,240,251)
```
#2edffb
```
#2edffb rgb(46,223,251)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#2ebdfb
```
#2ebdfb rgb(46,189,251)
```
#2eacfb
```
#2eacfb rgb(46,172,251)
```
#2e9bfb
```
#2e9bfb rgb(46,155,251)
```

Similar Colors

Text with hexadecimal color #2ecefb

This text has a font color of #2ecefb.

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

#2ecefb background color

This paragraph has a background color of #2ecefb.

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

#2ecefb border color

This element has a border color of #2ecefb.

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

CSS codes

.text {color:#2ecefb;}

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

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

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)
```
#012029
```
#012029 rgb(1,32,41)
```
#012f3c
```
#012f3c rgb(1,47,60)
```
#023f50
```
#023f50 rgb(2,63,80)
```
#024e63
```
#024e63 rgb(2,78,99)
```
#025d76
```
#025d76 rgb(2,93,118)
```
#036c89
```
#036c89 rgb(3,108,137)
```
#037b9d
```
#037b9d rgb(3,123,157)
```
#038ab0
```
#038ab0 rgb(3,138,176)
```
#0499c3
```
#0499c3 rgb(4,153,195)
```
#04a8d6
```
#04a8d6 rgb(4,168,214)
```
#04b7ea
```
#04b7ea rgb(4,183,234)
```

Shade Color Variation

#08c5fa
```
#08c5fa rgb(8,197,250)
```
#1bc9fb
```
#1bc9fb rgb(27,201,251)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```
#41d3fb
```
#41d3fb rgb(65,211,251)
```
#54d7fc
```
#54d7fc rgb(84,215,252)
```
#68dcfc
```
#68dcfc rgb(104,220,252)
```
#7be0fc
```
#7be0fc rgb(123,224,252)
```
#8ee5fd
```
#8ee5fd rgb(142,229,253)
```
#a1e9fd
```
#a1e9fd rgb(161,233,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 #2ecefb is the most saturated one.

#909799
```
#909799 rgb(144,151,153)
```
#889ba1
```
#889ba1 rgb(136,155,161)
```
#80a0a9
```
#80a0a9 rgb(128,160,169)
```
#78a5b1
```
#78a5b1 rgb(120,165,177)
```
#70a9b9
```
#70a9b9 rgb(112,169,185)
```
#67aec2
```
#67aec2 rgb(103,174,194)
```
#5fb2ca
```
#5fb2ca rgb(95,178,202)
```
#57b7d2
```
#57b7d2 rgb(87,183,210)
```
#4fbcda
```
#4fbcda rgb(79,188,218)
```
#47c0e2
```
#47c0e2 rgb(71,192,226)
```
#3ec5eb
```
#3ec5eb rgb(62,197,235)
```
#36c9f3
```
#36c9f3 rgb(54,201,243)
```
#2ecefb
```
#2ecefb rgb(46,206,251)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8cacb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bff0 Protanopia 1% of men
#adbfff Deuteranopia 1% of men
#00d4e3 Tritanopia 0.001% of the population

Trichromacy

#83c4f4 Protanomaly 1% of men, 0.01% of women
#7fc4fd Deuteranomaly 6% of men, 0.4% of women
#10d2ec Tritanomaly 0.01% of the population

#2ecefb hex color

#2ecefb Color Information

#2ecefb Color Conversion

Color Schemes with #2ecefb

Alternatives to #2ecefb

#2ecefb Preview

Shades and Tints of #2ecefb

Tones of #2ecefb

Color Blindness Simulator