#2ae2ef hex color

In a RGB color space, hex #2ae2ef is composed of 16.5% red, 88.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 5.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 184 degrees, a saturation of 86% and a lightness of 55.1%. #2ae2ef color hex could be obtained by blending #54ffff with #00c5df. Closest websafe color is: #33ccff.

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

● #2ae2ef color description : Bright cyan.

The hexadecimal color #2ae2ef has RGB values of R:42, G:226, B:239 and CMYK values of C:0.82, M:0.05, Y:0, K:0.06. Its decimal value is 2810607.

Hex triplet	2ae2ef	`#2ae2ef`
RGB Decimal	42, 226, 239	`rgb(42,226,239)`
RGB Percent	16.5, 88.6, 93.7	`rgb(16.5%,88.6%,93.7%)`
CMYK	82, 5, 0, 6
HSL	184°, 86, 55.1	`hsl(184,86%,55.1%)`
HSV (or HSB)	184°, 82.4, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.439, -38.321, -18.769
XYZ	43.727, 61.113, 91.148
xyY	0.223, 0.312, 61.113
CIE-LCH	82.439, 42.67, 206.095
CIE-LUV	82.439, -60.106, -24.188
Hunter-Lab	78.175, -36.962, -14.407
Binary	00101010, 11100010, 11101111

#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#ef372a
```
#ef372a rgb(239,55,42)
```

Complementary Color

#2aef9a
```
#2aef9a rgb(42,239,154)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#2a80ef
```
#2a80ef rgb(42,128,239)
```

Analogous Color

#ef9a2a
```
#ef9a2a rgb(239,154,42)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#ef2a80
```
#ef2a80 rgb(239,42,128)
```

Split Complementary Color

#e2ef2a
```
#e2ef2a rgb(226,239,42)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#ef2ae2
```
#ef2ae2 rgb(239,42,226)
```

Triadic Color

#2aef37
```
#2aef37 rgb(42,239,55)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#ef2ae2
```
#ef2ae2 rgb(239,42,226)
```
#ef372a
```
#ef372a rgb(239,55,42)
```

Tetradic Color

#0eb3be
```
#0eb3be rgb(14,179,190)
```
#10c9d6
```
#10c9d6 rgb(16,201,214)
```
#12dfed
```
#12dfed rgb(18,223,237)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#42e5f1
```
#42e5f1 rgb(66,229,241)
```
#59e8f3
```
#59e8f3 rgb(89,232,243)
```
#71ecf4
```
#71ecf4 rgb(113,236,244)
```

Monochromatic Color

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

#2aefcb
```
#2aefcb rgb(42,239,203)
```
#2aefdb
```
#2aefdb rgb(42,239,219)
```
#2aefec
```
#2aefec rgb(42,239,236)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#2ad2ef
```
#2ad2ef rgb(42,210,239)
```
#2ac1ef
```
#2ac1ef rgb(42,193,239)
```
#2ab1ef
```
#2ab1ef rgb(42,177,239)
```

Similar Colors

Text with hexadecimal color #2ae2ef

This text has a font color of #2ae2ef.

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

#2ae2ef background color

This paragraph has a background color of #2ae2ef.

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

#2ae2ef border color

This element has a border color of #2ae2ef.

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

CSS codes

.text {color:#2ae2ef;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#021718
```
#021718 rgb(2,23,24)
```
#03282a
```
#03282a rgb(3,40,42)
```
#05393d
```
#05393d rgb(5,57,61)
```
#064a4f
```
#064a4f rgb(6,74,79)
```
#075b61
```
#075b61 rgb(7,91,97)
```
#096c73
```
#096c73 rgb(9,108,115)
```
#0a7d86
```
#0a7d86 rgb(10,125,134)
```
#0b8f98
```
#0b8f98 rgb(11,143,152)
```
#0da0aa
```
#0da0aa rgb(13,160,170)
```
#0eb1bc
```
#0eb1bc rgb(14,177,188)
```
#10c2cf
```
#10c2cf rgb(16,194,207)
```
#11d3e1
```
#11d3e1 rgb(17,211,225)
```

Shade Color Variation

#18e0ee
```
#18e0ee rgb(24,224,238)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#3ce4f0
```
#3ce4f0 rgb(60,228,240)
```
#4ee7f2
```
#4ee7f2 rgb(78,231,242)
```
#61e9f3
```
#61e9f3 rgb(97,233,243)
```
#73ecf4
```
#73ecf4 rgb(115,236,244)
```
#85eef6
```
#85eef6 rgb(133,238,246)
```
#97f1f7
```
#97f1f7 rgb(151,241,247)
```
#aaf3f9
```
#aaf3f9 rgb(170,243,249)
```
#bcf6fa
```
#bcf6fa rgb(188,246,250)
```
#cef8fb
```
#cef8fb rgb(206,248,251)
```
#e0fbfd
```
#e0fbfd rgb(224,251,253)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#8b8e8e
```
#8b8e8e rgb(139,142,142)
```
#829697
```
#829697 rgb(130,150,151)
```
#799da0
```
#799da0 rgb(121,157,160)
```
#70a5a9
```
#70a5a9 rgb(112,165,169)
```
#68acb1
```
#68acb1 rgb(104,172,177)
```
#5fb4ba
```
#5fb4ba rgb(95,180,186)
```
#56bcc3
```
#56bcc3 rgb(86,188,195)
```
#4dc3cc
```
#4dc3cc rgb(77,195,204)
```
#44cbd5
```
#44cbd5 rgb(68,203,213)
```
#3cd3dd
```
#3cd3dd rgb(60,211,221)
```
#33dae6
```
#33dae6 rgb(51,218,230)
```
#2ae2ef
```
#2ae2ef rgb(42,226,239)
```
#21eaf8
```
#21eaf8 rgb(33,234,248)
```

Tone Color Variation

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

#cdcee3 Protanopia 1% of men
#cdcbf8 Deuteranopia 1% of men
#3ae2f3 Tritanopia 0.001% of the population

Trichromacy

#91d5e7 Protanomaly 1% of men, 0.01% of women
#91d3f5 Deuteranomaly 6% of men, 0.4% of women
#34e2f1 Tritanomaly 0.01% of the population

#2ae2ef hex color

#2ae2ef Color Information

#2ae2ef Color Conversion

Color Schemes with #2ae2ef

Alternatives to #2ae2ef

#2ae2ef Preview

Shades and Tints of #2ae2ef

Tones of #2ae2ef

Color Blindness Simulator