#2ae1bf hex color

In a RGB color space, hex #2ae1bf is composed of 16.5% red, 88.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 15.1% yellow and 11.8% black. It has a hue angle of 168.9 degrees, a saturation of 75.3% and a lightness of 52.4%. #2ae1bf color hex could be obtained by blending #54ffff with #00c37f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 88
- B 75
RGB color chart
- C 81
- M 0
- Y 15
- K 12
CMYK color chart

● #2ae1bf color description : Bright cyan.

The hexadecimal color #2ae1bf has RGB values of R:42, G:225, B:191 and CMYK values of C:0.81, M:0, Y:0.15, K:0.12. Its decimal value is 2810303.

Hex triplet	2ae1bf	`#2ae1bf`
RGB Decimal	42, 225, 191	`rgb(42,225,191)`
RGB Percent	16.5, 88.2, 74.9	`rgb(16.5%,88.2%,74.9%)`
CMYK	81, 0, 15, 12
HSL	168.9°, 75.3, 52.4	`hsl(168.9,75.3%,52.4%)`
HSV (or HSB)	168.9°, 81.3, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.795, -51.215, 4.262
XYZ	37.281, 58.1, 58.537
xyY	0.242, 0.377, 58.1
CIE-LCH	80.795, 51.392, 175.242
CIE-LUV	80.795, -63.36, 14.568
Hunter-Lab	76.224, -46.088, 7.824
Binary	00101010, 11100001, 10111111

#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#e12a4c
```
#e12a4c rgb(225,42,76)
```

Complementary Color

#2ae164
```
#2ae164 rgb(42,225,100)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#2aa8e1
```
#2aa8e1 rgb(42,168,225)
```

Analogous Color

#e1642a
```
#e1642a rgb(225,100,42)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#e12aa8
```
#e12aa8 rgb(225,42,168)
```

Split Complementary Color

#e1bf2a
```
#e1bf2a rgb(225,191,42)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#bf2ae1
```
#bf2ae1 rgb(191,42,225)
```

Triadic Color

#4ce12a
```
#4ce12a rgb(76,225,42)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#bf2ae1
```
#bf2ae1 rgb(191,42,225)
```
#e12a4c
```
#e12a4c rgb(225,42,76)
```

Tetradic Color

#18a78c
```
#18a78c rgb(24,167,140)
```
#1bbd9f
```
#1bbd9f rgb(27,189,159)
```
#1ed4b2
```
#1ed4b2 rgb(30,212,178)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#40e4c6
```
#40e4c6 rgb(64,228,198)
```
#57e7cc
```
#57e7cc rgb(87,231,204)
```
#6dead3
```
#6dead3 rgb(109,234,211)
```

Monochromatic Color

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

#2ae191
```
#2ae191 rgb(42,225,145)
```
#2ae1a1
```
#2ae1a1 rgb(42,225,161)
```
#2ae1b0
```
#2ae1b0 rgb(42,225,176)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#2ae1ce
```
#2ae1ce rgb(42,225,206)
```
#2ae1de
```
#2ae1de rgb(42,225,222)
```
#2ad5e1
```
#2ad5e1 rgb(42,213,225)
```

Similar Colors

Text with hexadecimal color #2ae1bf

This text has a font color of #2ae1bf.

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

#2ae1bf background color

This paragraph has a background color of #2ae1bf.

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

#2ae1bf border color

This element has a border color of #2ae1bf.

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

CSS codes

.text {color:#2ae1bf;}

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

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

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

#010b09
```
#010b09 rgb(1,11,9)
```
#041c17
```
#041c17 rgb(4,28,23)
```
#062d26
```
#062d26 rgb(6,45,38)
```
#093e34
```
#093e34 rgb(9,62,52)
```
#0b4f43
```
#0b4f43 rgb(11,79,67)
```
#0e6051
```
#0e6051 rgb(14,96,81)
```
#107260
```
#107260 rgb(16,114,96)
```
#12836e
```
#12836e rgb(18,131,110)
```
#15947c
```
#15947c rgb(21,148,124)
```
#17a58b
```
#17a58b rgb(23,165,139)
```
#1ab699
```
#1ab699 rgb(26,182,153)
```
#1cc8a8
```
#1cc8a8 rgb(28,200,168)
```
#1fd9b6
```
#1fd9b6 rgb(31,217,182)
```

Shade Color Variation

#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#3be3c4
```
#3be3c4 rgb(59,227,196)
```
#4ce6c9
```
#4ce6c9 rgb(76,230,201)
```
#5ee8ce
```
#5ee8ce rgb(94,232,206)
```
#6febd4
```
#6febd4 rgb(111,235,212)
```
#80edd9
```
#80edd9 rgb(128,237,217)
```
#91f0de
```
#91f0de rgb(145,240,222)
```
#a2f2e3
```
#a2f2e3 rgb(162,242,227)
```
#b4f4e8
```
#b4f4e8 rgb(180,244,232)
```
#c5f7ed
```
#c5f7ed rgb(197,247,237)
```
#d6f9f3
```
#d6f9f3 rgb(214,249,243)
```
#e7fcf8
```
#e7fcf8 rgb(231,252,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8d8a is the less saturated color, while #0efdd1 is the most saturated one.

#7e8d8a
```
#7e8d8a rgb(126,141,138)
```
#759690
```
#759690 rgb(117,150,144)
```
#6ba096
```
#6ba096 rgb(107,160,150)
```
#62a99c
```
#62a99c rgb(98,169,156)
```
#59b2a2
```
#59b2a2 rgb(89,178,162)
```
#4fbca8
```
#4fbca8 rgb(79,188,168)
```
#46c5ad
```
#46c5ad rgb(70,197,173)
```
#3dceb3
```
#3dceb3 rgb(61,206,179)
```
#33d8b9
```
#33d8b9 rgb(51,216,185)
```
#2ae1bf
```
#2ae1bf rgb(42,225,191)
```
#21eac5
```
#21eac5 rgb(33,234,197)
```
#17f4cb
```
#17f4cb rgb(23,244,203)
```
#0efdd1
```
#0efdd1 rgb(14,253,209)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8db2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cab6 Protanopia 1% of men
#ddc5cc Deuteranopia 1% of men
#58dcec Tritanopia 0.001% of the population

Trichromacy

#96d2b9 Protanomaly 1% of men, 0.01% of women
#9ccfc7 Deuteranomaly 6% of men, 0.4% of women
#47dedb Tritanomaly 0.01% of the population

#2ae1bf hex color

#2ae1bf Color Information

#2ae1bf Color Conversion

Color Schemes with #2ae1bf

Alternatives to #2ae1bf

#2ae1bf Preview

Shades and Tints of #2ae1bf

Tones of #2ae1bf

Color Blindness Simulator