#2aaec2 hex color

In a RGB color space, hex #2aaec2 is composed of 16.5% red, 68.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 10.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 187.9 degrees, a saturation of 64.4% and a lightness of 46.3%. #2aaec2 color hex could be obtained by blending #54ffff with #005d85. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 68
- B 76
RGB color chart
- C 78
- M 10
- Y 0
- K 24
CMYK color chart

● #2aaec2 color description : Strong cyan.

The hexadecimal color #2aaec2 has RGB values of R:42, G:174, B:194 and CMYK values of C:0.78, M:0.1, Y:0, K:0.24. Its decimal value is 2797250.

Hex triplet	2aaec2	`#2aaec2`
RGB Decimal	42, 174, 194	`rgb(42,174,194)`
RGB Percent	16.5, 68.2, 76.1	`rgb(16.5%,68.2%,76.1%)`
CMYK	78, 10, 0, 24
HSL	187.9°, 64.4, 46.3	`hsl(187.9,64.4%,46.3%)`
HSV (or HSB)	187.9°, 78.4, 76.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.481, -27.362, -20.103
XYZ	25.826, 34.657, 56.364
xyY	0.221, 0.297, 34.657
CIE-LCH	65.481, 33.953, 216.306
CIE-LUV	65.481, -45.384, -27.203
Hunter-Lab	58.87, -24.717, -15.557
Binary	00101010, 10101110, 11000010

#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#c23e2a
```
#c23e2a rgb(194,62,42)
```

Complementary Color

#2ac28a
```
#2ac28a rgb(42,194,138)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#2a62c2
```
#2a62c2 rgb(42,98,194)
```

Analogous Color

#c28a2a
```
#c28a2a rgb(194,138,42)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#c22a62
```
#c22a62 rgb(194,42,98)
```

Split Complementary Color

#aec22a
```
#aec22a rgb(174,194,42)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#c22aae
```
#c22aae rgb(194,42,174)
```

Triadic Color

#2ac23e
```
#2ac23e rgb(42,194,62)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#c22aae
```
#c22aae rgb(194,42,174)
```
#c23e2a
```
#c23e2a rgb(194,62,42)
```

Tetradic Color

#1c7683
```
#1c7683 rgb(28,118,131)
```
#218898
```
#218898 rgb(33,136,152)
```
#259bad
```
#259bad rgb(37,155,173)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#33bed3
```
#33bed3 rgb(51,190,211)
```
#48c4d7
```
#48c4d7 rgb(72,196,215)
```
#5dcbdc
```
#5dcbdc rgb(93,203,220)
```

Monochromatic Color

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

#2ac2b0
```
#2ac2b0 rgb(42,194,176)
```
#2ac2bd
```
#2ac2bd rgb(42,194,189)
```
#2abbc2
```
#2abbc2 rgb(42,187,194)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#2aa1c2
```
#2aa1c2 rgb(42,161,194)
```
#2a95c2
```
#2a95c2 rgb(42,149,194)
```
#2a88c2
```
#2a88c2 rgb(42,136,194)
```

Similar Colors

Text with hexadecimal color #2aaec2

This text has a font color of #2aaec2.

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

#2aaec2 background color

This paragraph has a background color of #2aaec2.

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

#2aaec2 border color

This element has a border color of #2aaec2.

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

CSS codes

.text {color:#2aaec2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#071d21
```
#071d21 rgb(7,29,33)
```
#0b2c31
```
#0b2c31 rgb(11,44,49)
```
#0e3a41
```
#0e3a41 rgb(14,58,65)
```
#124951
```
#124951 rgb(18,73,81)
```
#155761
```
#155761 rgb(21,87,97)
```
#196671
```
#196671 rgb(25,102,113)
```
#1c7482
```
#1c7482 rgb(28,116,130)
```
#208392
```
#208392 rgb(32,131,146)
```
#2391a2
```
#2391a2 rgb(35,145,162)
```
#27a0b2
```
#27a0b2 rgb(39,160,178)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```

Shade Color Variation

#2ebcd2
```
#2ebcd2 rgb(46,188,210)
```
#3ec1d5
```
#3ec1d5 rgb(62,193,213)
```
#4ec6d9
```
#4ec6d9 rgb(78,198,217)
```
#5eccdc
```
#5eccdc rgb(94,204,220)
```
#6ed1e0
```
#6ed1e0 rgb(110,209,224)
```
#7fd6e3
```
#7fd6e3 rgb(127,214,227)
```
#8fdbe7
```
#8fdbe7 rgb(143,219,231)
```
#9fe0ea
```
#9fe0ea rgb(159,224,234)
```
#afe5ee
```
#afe5ee rgb(175,229,238)
```
#bfebf1
```
#bfebf1 rgb(191,235,241)
```
#cff0f5
```
#cff0f5 rgb(207,240,245)
```
#dff5f8
```
#dff5f8 rgb(223,245,248)
```
#effafc
```
#effafc rgb(239,250,252)
```

Tint Color Variation

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

#737879
```
#737879 rgb(115,120,121)
```
#6a7f82
```
#6a7f82 rgb(106,127,130)
```
#60868c
```
#60868c rgb(96,134,140)
```
#578d95
```
#578d95 rgb(87,141,149)
```
#4e939e
```
#4e939e rgb(78,147,158)
```
#459aa7
```
#459aa7 rgb(69,154,167)
```
#3ca1b0
```
#3ca1b0 rgb(60,161,176)
```
#33a7b9
```
#33a7b9 rgb(51,167,185)
```
#2aaec2
```
#2aaec2 rgb(42,174,194)
```
#21b5cb
```
#21b5cb rgb(33,181,203)
```
#18bbd4
```
#18bbd4 rgb(24,187,212)
```
#0fc2dd
```
#0fc2dd rgb(15,194,221)
```
#06c9e6
```
#06c9e6 rgb(6,201,230)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#769094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa2bb Protanopia 1% of men
#9da1cb Deuteranopia 1% of men
#2fb3c0 Tritanopia 0.001% of the population

Trichromacy

#74a6bd Protanomaly 1% of men, 0.01% of women
#73a5c8 Deuteranomaly 6% of men, 0.4% of women
#2db1c0 Tritanomaly 0.01% of the population

#2aaec2 hex color

#2aaec2 Color Information

#2aaec2 Color Conversion

Color Schemes with #2aaec2

Alternatives to #2aaec2

#2aaec2 Preview

Shades and Tints of #2aaec2

Tones of #2aaec2

Color Blindness Simulator