#2ecefd hex color

In a RGB color space, hex #2ecefd is composed of 18% red, 80.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 18.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 193.6 degrees, a saturation of 98.1% and a lightness of 58.6%. #2ecefd color hex could be obtained by blending #5cffff with #009dfb. Closest websafe color is: #33ccff.

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

● #2ecefd color description : Bright cyan.

The hexadecimal color #2ecefd has RGB values of R:46, G:206, B:253 and CMYK values of C:0.82, M:0.19, Y:0, K:0.01. Its decimal value is 3067645.

Hex triplet	2ecefd	`#2ecefd`
RGB Decimal	46, 206, 253	`rgb(46,206,253)`
RGB Percent	18, 80.8, 99.2	`rgb(18%,80.8%,99.2%)`
CMYK	82, 19, 0, 1
HSL	193.6°, 98.1, 58.6	`hsl(193.6,98.1%,58.6%)`
HSV (or HSB)	193.6°, 81.8, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.168, -24.032, -34.267
XYZ	40.923, 51.811, 100.767
xyY	0.211, 0.268, 51.811
CIE-LCH	77.168, 41.854, 234.958
CIE-LUV	77.168, -51.903, -52.307
Hunter-Lab	71.98, -24.483, -32.615
Binary	00101110, 11001110, 11111101

#2ecefd
```
#2ecefd rgb(46,206,253)
```
#fd5d2e
```
#fd5d2e rgb(253,93,46)
```

Complementary Color

#2efdc5
```
#2efdc5 rgb(46,253,197)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#2e67fd
```
#2e67fd rgb(46,103,253)
```

Analogous Color

#fdc52e
```
#fdc52e rgb(253,197,46)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#fd2e67
```
#fd2e67 rgb(253,46,103)
```

Split Complementary Color

#cefd2e
```
#cefd2e rgb(206,253,46)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#fd2ece
```
#fd2ece rgb(253,46,206)
```

Triadic Color

#2efd5d
```
#2efd5d rgb(46,253,93)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#fd2ece
```
#fd2ece rgb(253,46,206)
```
#fd5d2e
```
#fd5d2e rgb(253,93,46)
```

Tetradic Color

#02abdc
```
#02abdc rgb(2,171,220)
```
#02bef6
```
#02bef6 rgb(2,190,246)
```
#15c8fd
```
#15c8fd rgb(21,200,253)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#47d4fd
```
#47d4fd rgb(71,212,253)
```
#61dafd
```
#61dafd rgb(97,218,253)
```
#7ae0fe
```
#7ae0fe rgb(122,224,254)
```

Monochromatic Color

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

#2efdf8
```
#2efdf8 rgb(46,253,248)
```
#2ef1fd
```
#2ef1fd rgb(46,241,253)
```
#2edffd
```
#2edffd rgb(46,223,253)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#2ebdfd
```
#2ebdfd rgb(46,189,253)
```
#2eacfd
```
#2eacfd rgb(46,172,253)
```
#2e9afd
```
#2e9afd rgb(46,154,253)
```

Similar Colors

Text with hexadecimal color #2ecefd

This text has a font color of #2ecefd.

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

#2ecefd background color

This paragraph has a background color of #2ecefd.

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

#2ecefd border color

This element has a border color of #2ecefd.

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

CSS codes

.text {color:#2ecefd;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001318
```
#001318 rgb(0,19,24)
```
#00222c
```
#00222c rgb(0,34,44)
```
#01313f
```
#01313f rgb(1,49,63)
```
#014052
```
#014052 rgb(1,64,82)
```
#014f66
```
#014f66 rgb(1,79,102)
```
#015e79
```
#015e79 rgb(1,94,121)
```
#016d8d
```
#016d8d rgb(1,109,141)
```
#027ca0
```
#027ca0 rgb(2,124,160)
```
#028bb4
```
#028bb4 rgb(2,139,180)
```
#029ac7
```
#029ac7 rgb(2,154,199)
```
#02a9da
```
#02a9da rgb(2,169,218)
```
#02b8ee
```
#02b8ee rgb(2,184,238)
```

Shade Color Variation

#07c5fd
```
#07c5fd rgb(7,197,253)
```
#1bc9fd
```
#1bc9fd rgb(27,201,253)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#41d3fd
```
#41d3fd rgb(65,211,253)
```
#55d7fd
```
#55d7fd rgb(85,215,253)
```
#68dcfe
```
#68dcfe rgb(104,220,254)
```
#7ce0fe
```
#7ce0fe rgb(124,224,254)
```
#8fe5fe
```
#8fe5fe rgb(143,229,254)
```
#a3e9fe
```
#a3e9fe rgb(163,233,254)
```
#b6eefe
```
#b6eefe rgb(182,238,254)
```
#c9f2fe
```
#c9f2fe rgb(201,242,254)
```
#ddf7ff
```
#ddf7ff rgb(221,247,255)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#8f999c
```
#8f999c rgb(143,153,156)
```
#879da4
```
#879da4 rgb(135,157,164)
```
#7fa2ac
```
#7fa2ac rgb(127,162,172)
```
#77a6b4
```
#77a6b4 rgb(119,166,180)
```
#6fabbc
```
#6fabbc rgb(111,171,188)
```
#67afc4
```
#67afc4 rgb(103,175,196)
```
#5fb3cc
```
#5fb3cc rgb(95,179,204)
```
#57b8d4
```
#57b8d4 rgb(87,184,212)
```
#4ebcdd
```
#4ebcdd rgb(78,188,221)
```
#46c1e5
```
#46c1e5 rgb(70,193,229)
```
#3ec5ed
```
#3ec5ed rgb(62,197,237)
```
#36caf5
```
#36caf5 rgb(54,202,245)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```

Tone Color Variation

Below, you can see how #2ecefd 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
#8cacb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bff2 Protanopia 1% of men
#adbfff Deuteranopia 1% of men
#00d4e4 Tritanopia 0.001% of the population

Trichromacy

#83c5f6 Protanomaly 1% of men, 0.01% of women
#7fc5fe Deuteranomaly 6% of men, 0.4% of women
#10d2ed Tritanomaly 0.01% of the population

#2ecefd hex color

#2ecefd Color Information

#2ecefd Color Conversion

Color Schemes with #2ecefd

Alternatives to #2ecefd

#2ecefd Preview

Shades and Tints of #2ecefd

Tones of #2ecefd

Color Blindness Simulator