#2ae9f0 hex color

In a RGB color space, hex #2ae9f0 is composed of 16.5% red, 91.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 2.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 182.1 degrees, a saturation of 86.8% and a lightness of 55.3%. #2ae9f0 color hex could be obtained by blending #54ffff with #00d3e1. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 16
- G 91
- B 94
RGB color chart
- C 83
- M 3
- Y 0
- K 6
CMYK color chart

● #2ae9f0 color description : Bright cyan.

The hexadecimal color #2ae9f0 has RGB values of R:42, G:233, B:240 and CMYK values of C:0.83, M:0.03, Y:0, K:0.06. Its decimal value is 2812400.

Hex triplet	2ae9f0	`#2ae9f0`
RGB Decimal	42, 233, 240	`rgb(42,233,240)`
RGB Percent	16.5, 91.4, 94.1	`rgb(16.5%,91.4%,94.1%)`
CMYK	83, 3, 0, 6
HSL	182.1°, 86.8, 55.3	`hsl(182.1,86.8%,55.3%)`
HSV (or HSB)	182.1°, 82.5, 94.1
Web Safe	33ffff	`#33ffff`

CIE-LAB	84.513, -41.203, -16.173
XYZ	45.817, 65.057, 92.576
xyY	0.225, 0.32, 65.057
CIE-LCH	84.513, 44.263, 201.43
CIE-LUV	84.513, -62.403, -19.484
Hunter-Lab	80.658, -39.755, -11.59
Binary	00101010, 11101001, 11110000

#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#f0312a
```
#f0312a rgb(240,49,42)
```

Complementary Color

#2af094
```
#2af094 rgb(42,240,148)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#2a86f0
```
#2a86f0 rgb(42,134,240)
```

Analogous Color

#f0942a
```
#f0942a rgb(240,148,42)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#f02a86
```
#f02a86 rgb(240,42,134)
```

Split Complementary Color

#e9f02a
```
#e9f02a rgb(233,240,42)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#f02ae9
```
#f02ae9 rgb(240,42,233)
```

Triadic Color

#2af031
```
#2af031 rgb(42,240,49)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#f02ae9
```
#f02ae9 rgb(240,42,233)
```
#f0312a
```
#f0312a rgb(240,49,42)
```

Tetradic Color

#0ebac0
```
#0ebac0 rgb(14,186,192)
```
#0fd1d8
```
#0fd1d8 rgb(15,209,216)
```
#12e7ee
```
#12e7ee rgb(18,231,238)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#42ebf2
```
#42ebf2 rgb(66,235,242)
```
#5aeef3
```
#5aeef3 rgb(90,238,243)
```
#71f0f5
```
#71f0f5 rgb(113,240,245)
```

Monochromatic Color

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

#2af0c6
```
#2af0c6 rgb(42,240,198)
```
#2af0d6
```
#2af0d6 rgb(42,240,214)
```
#2af0e7
```
#2af0e7 rgb(42,240,231)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#2ad9f0
```
#2ad9f0 rgb(42,217,240)
```
#2ac8f0
```
#2ac8f0 rgb(42,200,240)
```
#2ab8f0
```
#2ab8f0 rgb(42,184,240)
```

Similar Colors

Text with hexadecimal color #2ae9f0

This text has a font color of #2ae9f0.

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

#2ae9f0 background color

This paragraph has a background color of #2ae9f0.

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

#2ae9f0 border color

This element has a border color of #2ae9f0.

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

CSS codes

.text {color:#2ae9f0;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#021819
```
#021819 rgb(2,24,25)
```
#032a2c
```
#032a2c rgb(3,42,44)
```
#043c3e
```
#043c3e rgb(4,60,62)
```
#064e50
```
#064e50 rgb(6,78,80)
```
#075f63
```
#075f63 rgb(7,95,99)
```
#087175
```
#087175 rgb(8,113,117)
```
#0a8387
```
#0a8387 rgb(10,131,135)
```
#0b9499
```
#0b9499 rgb(11,148,153)
```
#0ca6ac
```
#0ca6ac rgb(12,166,172)
```
#0db8be
```
#0db8be rgb(13,184,190)
```
#0fcad0
```
#0fcad0 rgb(15,202,208)
```
#10dbe3
```
#10dbe3 rgb(16,219,227)
```

Shade Color Variation

#18e7ef
```
#18e7ef rgb(24,231,239)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#3cebf1
```
#3cebf1 rgb(60,235,241)
```
#4fedf3
```
#4fedf3 rgb(79,237,243)
```
#61eff4
```
#61eff4 rgb(97,239,244)
```
#73f1f5
```
#73f1f5 rgb(115,241,245)
```
#86f2f6
```
#86f2f6 rgb(134,242,246)
```
#98f4f8
```
#98f4f8 rgb(152,244,248)
```
#aaf6f9
```
#aaf6f9 rgb(170,246,249)
```
#bdf8fa
```
#bdf8fa rgb(189,248,250)
```
#cffafc
```
#cffafc rgb(207,250,252)
```
#e1fcfd
```
#e1fcfd rgb(225,252,253)
```
#f4fefe
```
#f4fefe rgb(244,254,254)
```

Tint Color Variation

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

#8a8f90
```
#8a8f90 rgb(138,143,144)
```
#829898
```
#829898 rgb(130,152,152)
```
#79a0a1
```
#79a0a1 rgb(121,160,161)
```
#70a8aa
```
#70a8aa rgb(112,168,170)
```
#67b0b3
```
#67b0b3 rgb(103,176,179)
```
#5fb8bb
```
#5fb8bb rgb(95,184,187)
```
#56c0c4
```
#56c0c4 rgb(86,192,196)
```
#4dc8cd
```
#4dc8cd rgb(77,200,205)
```
#44d1d6
```
#44d1d6 rgb(68,209,214)
```
#3cd9de
```
#3cd9de rgb(60,217,222)
```
#33e1e7
```
#33e1e7 rgb(51,225,231)
```
#2ae9f0
```
#2ae9f0 rgb(42,233,240)
```
#21f1f9
```
#21f1f9 rgb(33,241,249)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#96bcbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d3e3 Protanopia 1% of men
#d5d0fa Deuteranopia 1% of men
#40e8f9 Tritanopia 0.001% of the population

Trichromacy

#96dbe8 Protanomaly 1% of men, 0.01% of women
#97d9f6 Deuteranomaly 6% of men, 0.4% of women
#38e8f6 Tritanomaly 0.01% of the population

#2ae9f0 hex color

#2ae9f0 Color Information

#2ae9f0 Color Conversion

Color Schemes with #2ae9f0

Alternatives to #2ae9f0

#2ae9f0 Preview

Shades and Tints of #2ae9f0

Tones of #2ae9f0

Color Blindness Simulator