#2edef2 hex color

In a RGB color space, hex #2edef2 is composed of 18% red, 87.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 8.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.1 degrees, a saturation of 88.3% and a lightness of 56.5%. #2edef2 color hex could be obtained by blending #5cffff with #00bde5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 87
- B 95
RGB color chart
- C 81
- M 8
- Y 0
- K 5
CMYK color chart

● #2edef2 color description : Bright cyan.

The hexadecimal color #2edef2 has RGB values of R:46, G:222, B:242 and CMYK values of C:0.81, M:0.08, Y:0, K:0.05. Its decimal value is 3071730.

Hex triplet	2edef2	`#2edef2`
RGB Decimal	46, 222, 242	`rgb(46,222,242)`
RGB Percent	18, 87.1, 94.9	`rgb(18%,87.1%,94.9%)`
CMYK	81, 8, 0, 5
HSL	186.1°, 88.3, 56.5	`hsl(186.1,88.3%,56.5%)`
HSV (or HSB)	186.1°, 81, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.418, -35.265, -21.901
XYZ	43.27, 59.23, 93.152
xyY	0.221, 0.303, 59.23
CIE-LCH	81.418, 41.512, 211.842
CIE-LUV	81.418, -58.146, -29.858
Hunter-Lab	76.961, -34.323, -17.89
Binary	00101110, 11011110, 11110010

#2edef2
```
#2edef2 rgb(46,222,242)
```
#f2422e
```
#f2422e rgb(242,66,46)
```

Complementary Color

#2ef2a4
```
#2ef2a4 rgb(46,242,164)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#2e7cf2
```
#2e7cf2 rgb(46,124,242)
```

Analogous Color

#f2a42e
```
#f2a42e rgb(242,164,46)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#f22e7c
```
#f22e7c rgb(242,46,124)
```

Split Complementary Color

#def22e
```
#def22e rgb(222,242,46)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#f22ede
```
#f22ede rgb(242,46,222)
```

Triadic Color

#2ef242
```
#2ef242 rgb(46,242,66)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#f22ede
```
#f22ede rgb(242,46,222)
```
#f2422e
```
#f2422e rgb(242,66,46)
```

Tetradic Color

#0cb4c7
```
#0cb4c7 rgb(12,180,199)
```
#0ecadf
```
#0ecadf rgb(14,202,223)
```
#16daf1
```
#16daf1 rgb(22,218,241)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#46e2f3
```
#46e2f3 rgb(70,226,243)
```
#5ee6f5
```
#5ee6f5 rgb(94,230,245)
```
#76e9f6
```
#76e9f6 rgb(118,233,246)
```

Monochromatic Color

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

#2ef2d5
```
#2ef2d5 rgb(46,242,213)
```
#2ef2e5
```
#2ef2e5 rgb(46,242,229)
```
#2eeef2
```
#2eeef2 rgb(46,238,242)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#2ecef2
```
#2ecef2 rgb(46,206,242)
```
#2ebdf2
```
#2ebdf2 rgb(46,189,242)
```
#2eadf2
```
#2eadf2 rgb(46,173,242)
```

Similar Colors

Text with hexadecimal color #2edef2

This text has a font color of #2edef2.

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

#2edef2 background color

This paragraph has a background color of #2edef2.

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

#2edef2 border color

This element has a border color of #2edef2.

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

CSS codes

.text {color:#2edef2;}

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

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

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, #010b0d is the darkest color, while #f9feff is the lightest one.

#010b0d
```
#010b0d rgb(1,11,13)
```
#021c1f
```
#021c1f rgb(2,28,31)
```
#032d32
```
#032d32 rgb(3,45,50)
```
#043d44
```
#043d44 rgb(4,61,68)
```
#054e56
```
#054e56 rgb(5,78,86)
```
#075f69
```
#075f69 rgb(7,95,105)
```
#08707b
```
#08707b rgb(8,112,123)
```
#09808e
```
#09808e rgb(9,128,142)
```
#0a91a0
```
#0a91a0 rgb(10,145,160)
```
#0ba2b3
```
#0ba2b3 rgb(11,162,179)
```
#0cb2c5
```
#0cb2c5 rgb(12,178,197)
```
#0dc3d8
```
#0dc3d8 rgb(13,195,216)
```
#0fd4ea
```
#0fd4ea rgb(15,212,234)
```

Shade Color Variation

#1cdbf1
```
#1cdbf1 rgb(28,219,241)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#40e1f3
```
#40e1f3 rgb(64,225,243)
```
#53e4f4
```
#53e4f4 rgb(83,228,244)
```
#65e7f5
```
#65e7f5 rgb(101,231,245)
```
#78eaf7
```
#78eaf7 rgb(120,234,247)
```
#8aedf8
```
#8aedf8 rgb(138,237,248)
```
#9deff9
```
#9deff9 rgb(157,239,249)
```
#aff2fa
```
#aff2fa rgb(175,242,250)
```
#c2f5fb
```
#c2f5fb rgb(194,245,251)
```
#d4f8fc
```
#d4f8fc rgb(212,248,252)
```
#e7fbfd
```
#e7fbfd rgb(231,251,253)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#8c9394
```
#8c9394 rgb(140,147,148)
```
#839a9d
```
#839a9d rgb(131,154,157)
```
#7ba1a5
```
#7ba1a5 rgb(123,161,165)
```
#72a8ae
```
#72a8ae rgb(114,168,174)
```
#6aaeb6
```
#6aaeb6 rgb(106,174,182)
```
#61b5bf
```
#61b5bf rgb(97,181,191)
```
#59bcc7
```
#59bcc7 rgb(89,188,199)
```
#50c3d0
```
#50c3d0 rgb(80,195,208)
```
#48cad8
```
#48cad8 rgb(72,202,216)
```
#3fd0e1
```
#3fd0e1 rgb(63,208,225)
```
#37d7e9
```
#37d7e9 rgb(55,215,233)
```
#2edef2
```
#2edef2 rgb(46,222,242)
```
#25e5fb
```
#25e5fb rgb(37,229,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cbe6 Protanopia 1% of men
#c6c9fb Deuteranopia 1% of men
#35e0f0 Tritanopia 0.001% of the population

Trichromacy

#90d2ea Protanomaly 1% of men, 0.01% of women
#8fd0f7 Deuteranomaly 6% of men, 0.4% of women
#33dff1 Tritanomaly 0.01% of the population

#2edef2 hex color

#2edef2 Color Information

#2edef2 Color Conversion

Color Schemes with #2edef2

Alternatives to #2edef2

#2edef2 Preview

Shades and Tints of #2edef2

Tones of #2edef2

Color Blindness Simulator