#2ae7ed hex color

In a RGB color space, hex #2ae7ed is composed of 16.5% red, 90.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 2.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 181.8 degrees, a saturation of 84.4% and a lightness of 54.7%. #2ae7ed color hex could be obtained by blending #54ffff with #00cfdb. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 91
- B 93
RGB color chart
- C 82
- M 3
- Y 0
- K 7
CMYK color chart

● #2ae7ed color description : Bright cyan.

The hexadecimal color #2ae7ed has RGB values of R:42, G:231, B:237 and CMYK values of C:0.82, M:0.03, Y:0, K:0.07. Its decimal value is 2811885.

Hex triplet	2ae7ed	`#2ae7ed`
RGB Decimal	42, 231, 237	`rgb(42,231,237)`
RGB Percent	16.5, 90.6, 92.9	`rgb(16.5%,90.6%,92.9%)`
CMYK	82, 3, 0, 7
HSL	181.8°, 84.4, 54.7	`hsl(181.8,84.4%,54.7%)`
HSV (or HSB)	181.8°, 82.3, 92.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	83.838, -41.179, -15.605
XYZ	44.812, 63.754, 90.06
xyY	0.226, 0.321, 63.754
CIE-LCH	83.838, 44.037, 200.754
CIE-LUV	83.838, -61.953, -18.527
Hunter-Lab	79.846, -39.551, -10.982
Binary	00101010, 11100111, 11101101

#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#ed302a
```
#ed302a rgb(237,48,42)
```

Complementary Color

#2aed92
```
#2aed92 rgb(42,237,146)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#2a86ed
```
#2a86ed rgb(42,134,237)
```

Analogous Color

#ed922a
```
#ed922a rgb(237,146,42)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#ed2a86
```
#ed2a86 rgb(237,42,134)
```

Split Complementary Color

#e7ed2a
```
#e7ed2a rgb(231,237,42)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#ed2ae7
```
#ed2ae7 rgb(237,42,231)
```

Triadic Color

#2aed30
```
#2aed30 rgb(42,237,48)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#ed2ae7
```
#ed2ae7 rgb(237,42,231)
```
#ed302a
```
#ed302a rgb(237,48,42)
```

Tetradic Color

#10b5bb
```
#10b5bb rgb(16,181,187)
```
#12ccd2
```
#12ccd2 rgb(18,204,210)
```
#14e3ea
```
#14e3ea rgb(20,227,234)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#42eaef
```
#42eaef rgb(66,234,239)
```
#59ecf1
```
#59ecf1 rgb(89,236,241)
```
#71eff3
```
#71eff3 rgb(113,239,243)
```

Monochromatic Color

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

#2aedc2
```
#2aedc2 rgb(42,237,194)
```
#2aedd3
```
#2aedd3 rgb(42,237,211)
```
#2aede3
```
#2aede3 rgb(42,237,227)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#2ad7ed
```
#2ad7ed rgb(42,215,237)
```
#2ac7ed
```
#2ac7ed rgb(42,199,237)
```
#2ab6ed
```
#2ab6ed rgb(42,182,237)
```

Similar Colors

Text with hexadecimal color #2ae7ed

This text has a font color of #2ae7ed.

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

#2ae7ed background color

This paragraph has a background color of #2ae7ed.

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

#2ae7ed border color

This element has a border color of #2ae7ed.

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

CSS codes

.text {color:#2ae7ed;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021616
```
#021616 rgb(2,22,22)
```
#032728
```
#032728 rgb(3,39,40)
```
#05393a
```
#05393a rgb(5,57,58)
```
#064a4c
```
#064a4c rgb(6,74,76)
```
#085c5e
```
#085c5e rgb(8,92,94)
```
#0a6d71
```
#0a6d71 rgb(10,109,113)
```
#0b7f83
```
#0b7f83 rgb(11,127,131)
```
#0d9195
```
#0d9195 rgb(13,145,149)
```
#0ea2a7
```
#0ea2a7 rgb(14,162,167)
```
#10b4b9
```
#10b4b9 rgb(16,180,185)
```
#11c5cb
```
#11c5cb rgb(17,197,203)
```
#13d7dd
```
#13d7dd rgb(19,215,221)
```

Shade Color Variation

#18e5eb
```
#18e5eb rgb(24,229,235)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#3ce9ef
```
#3ce9ef rgb(60,233,239)
```
#4eebf0
```
#4eebf0 rgb(78,235,240)
```
#60edf2
```
#60edf2 rgb(96,237,242)
```
#72eff3
```
#72eff3 rgb(114,239,243)
```
#84f1f5
```
#84f1f5 rgb(132,241,245)
```
#97f3f6
```
#97f3f6 rgb(151,243,246)
```
#a9f5f8
```
#a9f5f8 rgb(169,245,248)
```
#bbf7f9
```
#bbf7f9 rgb(187,247,249)
```
#cdf9fb
```
#cdf9fb rgb(205,249,251)
```
#dffbfc
```
#dffbfc rgb(223,251,252)
```
#f1fdfe
```
#f1fdfe rgb(241,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #839494 is the less saturated color, while #18f8ff is the most saturated one.

#839494
```
#839494 rgb(131,148,148)
```
#7a9c9d
```
#7a9c9d rgb(122,156,157)
```
#71a4a6
```
#71a4a6 rgb(113,164,166)
```
#68adaf
```
#68adaf rgb(104,173,175)
```
#5fb5b8
```
#5fb5b8 rgb(95,181,184)
```
#56bdc1
```
#56bdc1 rgb(86,189,193)
```
#4ec6c9
```
#4ec6c9 rgb(78,198,201)
```
#45ced2
```
#45ced2 rgb(69,206,210)
```
#3cd6db
```
#3cd6db rgb(60,214,219)
```
#33dfe4
```
#33dfe4 rgb(51,223,228)
```
#2ae7ed
```
#2ae7ed rgb(42,231,237)
```
#21eff6
```
#21eff6 rgb(33,239,246)
```
#18f8ff
```
#18f8ff rgb(24,248,255)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#94babb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d2e1 Protanopia 1% of men
#d4cef7 Deuteranopia 1% of men
#41e6f7 Tritanopia 0.001% of the population

Trichromacy

#95d9e5 Protanomaly 1% of men, 0.01% of women
#96d7f3 Deuteranomaly 6% of men, 0.4% of women
#38e6f3 Tritanomaly 0.01% of the population

#2ae7ed hex color

#2ae7ed Color Information

#2ae7ed Color Conversion

Color Schemes with #2ae7ed

Alternatives to #2ae7ed

#2ae7ed Preview

Shades and Tints of #2ae7ed

Tones of #2ae7ed

Color Blindness Simulator