#2ed1de hex color

In a RGB color space, hex #2ed1de is composed of 18% red, 82% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 5.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 184.4 degrees, a saturation of 72.7% and a lightness of 52.5%. #2ed1de color hex could be obtained by blending #5cffff with #00a3bd. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 82
- B 87
RGB color chart
- C 79
- M 6
- Y 0
- K 13
CMYK color chart

● #2ed1de color description : Bright cyan.

The hexadecimal color #2ed1de has RGB values of R:46, G:209, B:222 and CMYK values of C:0.79, M:0.06, Y:0, K:0.13. Its decimal value is 3068382.

Hex triplet	2ed1de	`#2ed1de`
RGB Decimal	46, 209, 222	`rgb(46,209,222)`
RGB Percent	18, 82, 87.1	`rgb(18%,82%,87.1%)`
CMYK	79, 6, 0, 13
HSL	184.4°, 72.7, 52.5	`hsl(184.4,72.7%,52.5%)`
HSV (or HSB)	184.4°, 79.3, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.952, -35.218, -17.984
XYZ	37.108, 51.452, 77.079
xyY	0.224, 0.311, 51.452
CIE-LCH	76.952, 39.544, 207.052
CIE-LUV	76.952, -55.154, -23.14
Hunter-Lab	71.73, -33.184, -13.5
Binary	00101110, 11010001, 11011110

#2ed1de
```
#2ed1de rgb(46,209,222)
```
#de3b2e
```
#de3b2e rgb(222,59,46)
```

Complementary Color

#2ede93
```
#2ede93 rgb(46,222,147)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#2e79de
```
#2e79de rgb(46,121,222)
```

Analogous Color

#de932e
```
#de932e rgb(222,147,46)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#de2e79
```
#de2e79 rgb(222,46,121)
```

Split Complementary Color

#d1de2e
```
#d1de2e rgb(209,222,46)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#de2ed1
```
#de2ed1 rgb(222,46,209)
```

Triadic Color

#2ede3b
```
#2ede3b rgb(46,222,59)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#de2ed1
```
#de2ed1 rgb(222,46,209)
```
#de3b2e
```
#de3b2e rgb(222,59,46)
```

Tetradic Color

#1a9ba5
```
#1a9ba5 rgb(26,155,165)
```
#1eb0bb
```
#1eb0bb rgb(30,176,187)
```
#21c4d1
```
#21c4d1 rgb(33,196,209)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#44d6e1
```
#44d6e1 rgb(68,214,225)
```
#5adbe5
```
#5adbe5 rgb(90,219,229)
```
#70e0e8
```
#70e0e8 rgb(112,224,232)
```

Monochromatic Color

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

#2edebf
```
#2edebf rgb(46,222,191)
```
#2edece
```
#2edece rgb(46,222,206)
```
#2ededc
```
#2ededc rgb(46,222,220)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#2ec2de
```
#2ec2de rgb(46,194,222)
```
#2eb4de
```
#2eb4de rgb(46,180,222)
```
#2ea5de
```
#2ea5de rgb(46,165,222)
```

Similar Colors

Text with hexadecimal color #2ed1de

This text has a font color of #2ed1de.

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

#2ed1de background color

This paragraph has a background color of #2ed1de.

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

#2ed1de border color

This element has a border color of #2ed1de.

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

CSS codes

.text {color:#2ed1de;}

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

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

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, #020b0b is the darkest color, while #f9fefe is the lightest one.

#020b0b
```
#020b0b rgb(2,11,11)
```
#041a1c
```
#041a1c rgb(4,26,28)
```
#072a2d
```
#072a2d rgb(7,42,45)
```
#0a3a3e
```
#0a3a3e rgb(10,58,62)
```
#0c4a4f
```
#0c4a4f rgb(12,74,79)
```
#0f5a60
```
#0f5a60 rgb(15,90,96)
```
#126a71
```
#126a71 rgb(18,106,113)
```
#147a82
```
#147a82 rgb(20,122,130)
```
#178a93
```
#178a93 rgb(23,138,147)
```
#1a9aa4
```
#1a9aa4 rgb(26,154,164)
```
#1da9b5
```
#1da9b5 rgb(29,169,181)
```
#1fb9c6
```
#1fb9c6 rgb(31,185,198)
```
#22c9d7
```
#22c9d7 rgb(34,201,215)
```

Shade Color Variation

#2ed1de
```
#2ed1de rgb(46,209,222)
```
#3fd5e1
```
#3fd5e1 rgb(63,213,225)
```
#50d8e3
```
#50d8e3 rgb(80,216,227)
```
#61dce6
```
#61dce6 rgb(97,220,230)
```
#72e0e9
```
#72e0e9 rgb(114,224,233)
```
#83e4eb
```
#83e4eb rgb(131,228,235)
```
#94e7ee
```
#94e7ee rgb(148,231,238)
```
#a5ebf1
```
#a5ebf1 rgb(165,235,241)
```
#b6eff3
```
#b6eff3 rgb(182,239,243)
```
#c6f3f6
```
#c6f3f6 rgb(198,243,246)
```
#d7f6f9
```
#d7f6f9 rgb(215,246,249)
```
#e8fafb
```
#e8fafb rgb(232,250,251)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a8a is the less saturated color, while #12e9fa is the most saturated one.

#828a8a
```
#828a8a rgb(130,138,138)
```
#789294
```
#789294 rgb(120,146,148)
```
#6f999d
```
#6f999d rgb(111,153,157)
```
#66a1a6
```
#66a1a6 rgb(102,161,166)
```
#5da9af
```
#5da9af rgb(93,169,175)
```
#53b1b9
```
#53b1b9 rgb(83,177,185)
```
#4ab9c2
```
#4ab9c2 rgb(74,185,194)
```
#41c1cb
```
#41c1cb rgb(65,193,203)
```
#37c9d5
```
#37c9d5 rgb(55,201,213)
```
#2ed1de
```
#2ed1de rgb(46,209,222)
```
#25d9e7
```
#25d9e7 rgb(37,217,231)
```
#1be1f1
```
#1be1f1 rgb(27,225,241)
```
#12e9fa
```
#12e9fa rgb(18,233,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8babae Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec0d4 Protanopia 1% of men
#bebde7 Deuteranopia 1% of men
#3cd2e2 Tritanopia 0.001% of the population

Trichromacy

#8ac6d7 Protanomaly 1% of men, 0.01% of women
#8ac4e4 Deuteranomaly 6% of men, 0.4% of women
#36d2e0 Tritanomaly 0.01% of the population

#2ed1de hex color

#2ed1de Color Information

#2ed1de Color Conversion

Color Schemes with #2ed1de

Alternatives to #2ed1de

#2ed1de Preview

Shades and Tints of #2ed1de

Tones of #2ed1de

Color Blindness Simulator