#2ae2ed hex color

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

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

● #2ae2ed color description : Bright cyan.

The hexadecimal color #2ae2ed has RGB values of R:42, G:226, B:237 and CMYK values of C:0.82, M:0.05, Y:0, K:0.07. Its decimal value is 2810605.

Hex triplet	2ae2ed	`#2ae2ed`
RGB Decimal	42, 226, 237	`rgb(42,226,237)`
RGB Percent	16.5, 88.6, 92.9	`rgb(16.5%,88.6%,92.9%)`
CMYK	82, 5, 0, 7
HSL	183.4°, 84.4, 54.7	`hsl(183.4,84.4%,54.7%)`
HSV (or HSB)	183.4°, 82.3, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.376, -38.915, -17.805
XYZ	43.433, 60.995, 89.6
xyY	0.224, 0.314, 60.995
CIE-LCH	82.376, 42.795, 204.586
CIE-LUV	82.376, -60.257, -22.486
Hunter-Lab	78.099, -37.406, -13.351
Binary	00101010, 11100010, 11101101

#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#ed352a
```
#ed352a rgb(237,53,42)
```

Complementary Color

#2aed97
```
#2aed97 rgb(42,237,151)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#2a81ed
```
#2a81ed rgb(42,129,237)
```

Analogous Color

#ed972a
```
#ed972a rgb(237,151,42)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#ed2a81
```
#ed2a81 rgb(237,42,129)
```

Split Complementary Color

#e2ed2a
```
#e2ed2a rgb(226,237,42)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#ed2ae2
```
#ed2ae2 rgb(237,42,226)
```

Triadic Color

#2aed35
```
#2aed35 rgb(42,237,53)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#ed2ae2
```
#ed2ae2 rgb(237,42,226)
```
#ed352a
```
#ed352a rgb(237,53,42)
```

Tetradic Color

#10b1bb
```
#10b1bb rgb(16,177,187)
```
#12c7d2
```
#12c7d2 rgb(18,199,210)
```
#14deea
```
#14deea rgb(20,222,234)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#42e5ef
```
#42e5ef rgb(66,229,239)
```
#59e8f1
```
#59e8f1 rgb(89,232,241)
```
#71ecf3
```
#71ecf3 rgb(113,236,243)
```

Monochromatic Color

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

#2aedc7
```
#2aedc7 rgb(42,237,199)
```
#2aedd8
```
#2aedd8 rgb(42,237,216)
```
#2aede8
```
#2aede8 rgb(42,237,232)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#2ad2ed
```
#2ad2ed rgb(42,210,237)
```
#2ac2ed
```
#2ac2ed rgb(42,194,237)
```
#2ab1ed
```
#2ab1ed rgb(42,177,237)
```

Similar Colors

Text with hexadecimal color #2ae2ed

This text has a font color of #2ae2ed.

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

#2ae2ed background color

This paragraph has a background color of #2ae2ed.

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

#2ae2ed border color

This element has a border color of #2ae2ed.

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

CSS codes

.text {color:#2ae2ed;}

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

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

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)
```
#021516
```
#021516 rgb(2,21,22)
```
#032628
```
#032628 rgb(3,38,40)
```
#05373a
```
#05373a rgb(5,55,58)
```
#06484c
```
#06484c rgb(6,72,76)
```
#085a5e
```
#085a5e rgb(8,90,94)
```
#0a6b71
```
#0a6b71 rgb(10,107,113)
```
#0b7c83
```
#0b7c83 rgb(11,124,131)
```
#0d8d95
```
#0d8d95 rgb(13,141,149)
```
#0e9ea7
```
#0e9ea7 rgb(14,158,167)
```
#10afb9
```
#10afb9 rgb(16,175,185)
```
#11c1cb
```
#11c1cb rgb(17,193,203)
```
#13d2dd
```
#13d2dd rgb(19,210,221)
```

Shade Color Variation

#18e0eb
```
#18e0eb rgb(24,224,235)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#3ce4ef
```
#3ce4ef rgb(60,228,239)
```
#4ee7f0
```
#4ee7f0 rgb(78,231,240)
```
#60e9f2
```
#60e9f2 rgb(96,233,242)
```
#72ecf3
```
#72ecf3 rgb(114,236,243)
```
#84eef5
```
#84eef5 rgb(132,238,245)
```
#97f1f6
```
#97f1f6 rgb(151,241,246)
```
#a9f3f8
```
#a9f3f8 rgb(169,243,248)
```
#bbf6f9
```
#bbf6f9 rgb(187,246,249)
```
#cdf8fb
```
#cdf8fb rgb(205,248,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, #839394 is the less saturated color, while #18f2ff is the most saturated one.

#839394
```
#839394 rgb(131,147,148)
```
#7a9b9d
```
#7a9b9d rgb(122,155,157)
```
#71a3a6
```
#71a3a6 rgb(113,163,166)
```
#68abaf
```
#68abaf rgb(104,171,175)
```
#5fb3b8
```
#5fb3b8 rgb(95,179,184)
```
#56bbc1
```
#56bbc1 rgb(86,187,193)
```
#4ec2c9
```
#4ec2c9 rgb(78,194,201)
```
#45cad2
```
#45cad2 rgb(69,202,210)
```
#3cd2db
```
#3cd2db rgb(60,210,219)
```
#33dae4
```
#33dae4 rgb(51,218,228)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```
#21eaf6
```
#21eaf6 rgb(33,234,246)
```
#18f2ff
```
#18f2ff rgb(24,242,255)
```

Tone Color Variation

Below, you can see how #2ae2ed 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
#92b7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcee1 Protanopia 1% of men
#cecbf7 Deuteranopia 1% of men
#3ce2f3 Tritanopia 0.001% of the population

Trichromacy

#92d5e5 Protanomaly 1% of men, 0.01% of women
#92d3f3 Deuteranomaly 6% of men, 0.4% of women
#35e2f0 Tritanomaly 0.01% of the population

#2ae2ed hex color

#2ae2ed Color Information

#2ae2ed Color Conversion

Color Schemes with #2ae2ed

Alternatives to #2ae2ed

#2ae2ed Preview

Shades and Tints of #2ae2ed

Tones of #2ae2ed

Color Blindness Simulator