#2ed9ff hex color

In a RGB color space, hex #2ed9ff is composed of 18% red, 85.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 14.9% magenta, 0% yellow and 0% black. It has a hue angle of 190.9 degrees, a saturation of 100% and a lightness of 59%. #2ed9ff color hex could be obtained by blending #5cffff with #00b3ff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 85
- B 100
RGB color chart
- C 82
- M 15
- Y 0
- K 0
CMYK color chart

● #2ed9ff color description : Vivid cyan.

The hexadecimal color #2ed9ff has RGB values of R:46, G:217, B:255 and CMYK values of C:0.82, M:0.15, Y:0, K:0. Its decimal value is 3070463.

Hex triplet	2ed9ff	`#2ed9ff`
RGB Decimal	46, 217, 255	`rgb(46,217,255)`
RGB Percent	18, 85.1, 100	`rgb(18%,85.1%,100%)`
CMYK	82, 15, 0, 0
HSL	190.9°, 100, 59	`hsl(190.9,100%,59%)`
HSV (or HSB)	190.9°, 82, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.417, -28.844, -30.329
XYZ	43.985, 57.422, 103.368
xyY	0.215, 0.28, 57.422
CIE-LCH	80.417, 41.855, 226.437
CIE-LUV	80.417, -55.496, -45.092
Hunter-Lab	75.778, -29.002, -27.833
Binary	00101110, 11011001, 11111111

#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#ff542e
```
#ff542e rgb(255,84,46)
```

Complementary Color

#2effbd
```
#2effbd rgb(46,255,189)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#2e71ff
```
#2e71ff rgb(46,113,255)
```

Analogous Color

#ffbd2e
```
#ffbd2e rgb(255,189,46)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#ff2e71
```
#ff2e71 rgb(255,46,113)
```

Split Complementary Color

#d9ff2e
```
#d9ff2e rgb(217,255,46)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#ff2ed9
```
#ff2ed9 rgb(255,46,217)
```

Triadic Color

#2eff54
```
#2eff54 rgb(46,255,84)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#ff2ed9
```
#ff2ed9 rgb(255,46,217)
```
#ff542e
```
#ff542e rgb(255,84,46)
```

Tetradic Color

#00b8e1
```
#00b8e1 rgb(0,184,225)
```
#00cdfa
```
#00cdfa rgb(0,205,250)
```
#15d4ff
```
#15d4ff rgb(21,212,255)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#48deff
```
#48deff rgb(72,222,255)
```
#61e2ff
```
#61e2ff rgb(97,226,255)
```
#7be7ff
```
#7be7ff rgb(123,231,255)
```

Monochromatic Color

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

#2efff1
```
#2efff1 rgb(46,255,241)
```
#2efcff
```
#2efcff rgb(46,252,255)
```
#2eeaff
```
#2eeaff rgb(46,234,255)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#2ec8ff
```
#2ec8ff rgb(46,200,255)
```
#2eb6ff
```
#2eb6ff rgb(46,182,255)
```
#2ea5ff
```
#2ea5ff rgb(46,165,255)
```

Similar Colors

Text with hexadecimal color #2ed9ff

This text has a font color of #2ed9ff.

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

#2ed9ff background color

This paragraph has a background color of #2ed9ff.

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

#2ed9ff border color

This element has a border color of #2ed9ff.

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

CSS codes

.text {color:#2ed9ff;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00161a
```
#00161a rgb(0,22,26)
```
#00262e
```
#00262e rgb(0,38,46)
```
#003642
```
#003642 rgb(0,54,66)
```
#004655
```
#004655 rgb(0,70,85)
```
#005669
```
#005669 rgb(0,86,105)
```
#00667c
```
#00667c rgb(0,102,124)
```
#007690
```
#007690 rgb(0,118,144)
```
#0086a4
```
#0086a4 rgb(0,134,164)
```
#0096b7
```
#0096b7 rgb(0,150,183)
```
#00a6cb
```
#00a6cb rgb(0,166,203)
```
#00b6df
```
#00b6df rgb(0,182,223)
```
#00c6f2
```
#00c6f2 rgb(0,198,242)
```

Shade Color Variation

#07d2ff
```
#07d2ff rgb(7,210,255)
```
#1ad5ff
```
#1ad5ff rgb(26,213,255)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#42ddff
```
#42ddff rgb(66,221,255)
```
#55e0ff
```
#55e0ff rgb(85,224,255)
```
#69e4ff
```
#69e4ff rgb(105,228,255)
```
#7ce7ff
```
#7ce7ff rgb(124,231,255)
```
#90ebff
```
#90ebff rgb(144,235,255)
```
#a4eeff
```
#a4eeff rgb(164,238,255)
```
#b7f2ff
```
#b7f2ff rgb(183,242,255)
```
#cbf6ff
```
#cbf6ff rgb(203,246,255)
```
#dff9ff
```
#dff9ff rgb(223,249,255)
```
#f2fdff
```
#f2fdff rgb(242,253,255)
```

Tint Color Variation

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

#8e9c9f
```
#8e9c9f rgb(142,156,159)
```
#86a1a7
```
#86a1a7 rgb(134,161,167)
```
#7ea6af
```
#7ea6af rgb(126,166,175)
```
#76abb7
```
#76abb7 rgb(118,171,183)
```
#6eb0bf
```
#6eb0bf rgb(110,176,191)
```
#66b5c7
```
#66b5c7 rgb(102,181,199)
```
#5ebacf
```
#5ebacf rgb(94,186,207)
```
#56bfd7
```
#56bfd7 rgb(86,191,215)
```
#4ec5df
```
#4ec5df rgb(78,197,223)
```
#46cae7
```
#46cae7 rgb(70,202,231)
```
#3ecfef
```
#3ecfef rgb(62,207,239)
```
#36d4f7
```
#36d4f7 rgb(54,212,247)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#91b3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f3 Protanopia 1% of men
#bcc8ff Deuteranopia 1% of men
#0dddee Tritanopia 0.001% of the population

Trichromacy

#8acef7 Protanomaly 1% of men, 0.01% of women
#88ceff Deuteranomaly 6% of men, 0.4% of women
#19dcf4 Tritanomaly 0.01% of the population

#2ed9ff hex color

#2ed9ff Color Information

#2ed9ff Color Conversion

Color Schemes with #2ed9ff

Alternatives to #2ed9ff

#2ed9ff Preview

Shades and Tints of #2ed9ff

Tones of #2ed9ff

Color Blindness Simulator