#2aecc2 hex color

In a RGB color space, hex #2aecc2 is composed of 16.5% red, 92.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 0% magenta, 17.8% yellow and 7.5% black. It has a hue angle of 167 degrees, a saturation of 83.6% and a lightness of 54.5%. #2aecc2 color hex could be obtained by blending #54ffff with #00d985. Closest websafe color is: #33ffcc.

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

● #2aecc2 color description : Bright cyan.

The hexadecimal color #2aecc2 has RGB values of R:42, G:236, B:194 and CMYK values of C:0.82, M:0, Y:0.18, K:0.07. Its decimal value is 2813122.

Hex triplet	2aecc2	`#2aecc2`
RGB Decimal	42, 236, 194	`rgb(42,236,194)`
RGB Percent	16.5, 92.5, 76.1	`rgb(16.5%,92.5%,76.1%)`
CMYK	82, 0, 18, 7
HSL	167°, 83.6, 54.5	`hsl(167,83.6%,54.5%)`
HSV (or HSB)	167°, 82.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.16, -54.906, 7.53
XYZ	40.684, 64.374, 61.317
xyY	0.245, 0.387, 64.374
CIE-LCH	84.16, 55.42, 172.191
CIE-LUV	84.16, -66.864, 20.159
Hunter-Lab	80.233, -49.896, 10.852
Binary	00101010, 11101100, 11000010

#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#ec2a54
```
#ec2a54 rgb(236,42,84)
```

Complementary Color

#2aec61
```
#2aec61 rgb(42,236,97)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#2ab5ec
```
#2ab5ec rgb(42,181,236)
```

Analogous Color

#ec612a
```
#ec612a rgb(236,97,42)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#ec2ab5
```
#ec2ab5 rgb(236,42,181)
```

Split Complementary Color

#ecc22a
```
#ecc22a rgb(236,194,42)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#c22aec
```
#c22aec rgb(194,42,236)
```

Triadic Color

#54ec2a
```
#54ec2a rgb(84,236,42)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#c22aec
```
#c22aec rgb(194,42,236)
```
#ec2a54
```
#ec2a54 rgb(236,42,84)
```

Tetradic Color

#11b995
```
#11b995 rgb(17,185,149)
```
#13d0a7
```
#13d0a7 rgb(19,208,167)
```
#15e8ba
```
#15e8ba rgb(21,232,186)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#41eec9
```
#41eec9 rgb(65,238,201)
```
#59f0cf
```
#59f0cf rgb(89,240,207)
```
#70f2d6
```
#70f2d6 rgb(112,242,214)
```

Monochromatic Color

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

#2aec92
```
#2aec92 rgb(42,236,146)
```
#2aeca2
```
#2aeca2 rgb(42,236,162)
```
#2aecb2
```
#2aecb2 rgb(42,236,178)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#2aecd2
```
#2aecd2 rgb(42,236,210)
```
#2aece2
```
#2aece2 rgb(42,236,226)
```
#2ae6ec
```
#2ae6ec rgb(42,230,236)
```

Similar Colors

Text with hexadecimal color #2aecc2

This text has a font color of #2aecc2.

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

#2aecc2 background color

This paragraph has a background color of #2aecc2.

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

#2aecc2 border color

This element has a border color of #2aecc2.

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

CSS codes

.text {color:#2aecc2;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#021511
```
#021511 rgb(2,21,17)
```
#03271f
```
#03271f rgb(3,39,31)
```
#05392e
```
#05392e rgb(5,57,46)
```
#074b3c
```
#074b3c rgb(7,75,60)
```
#085d4b
```
#085d4b rgb(8,93,75)
```
#0a6f59
```
#0a6f59 rgb(10,111,89)
```
#0c8168
```
#0c8168 rgb(12,129,104)
```
#0d9376
```
#0d9376 rgb(13,147,118)
```
#0fa585
```
#0fa585 rgb(15,165,133)
```
#10b793
```
#10b793 rgb(16,183,147)
```
#12c9a2
```
#12c9a2 rgb(18,201,162)
```
#14dbb0
```
#14dbb0 rgb(20,219,176)
```

Shade Color Variation

#18eabd
```
#18eabd rgb(24,234,189)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#3ceec7
```
#3ceec7 rgb(60,238,199)
```
#4eefcc
```
#4eefcc rgb(78,239,204)
```
#60f1d1
```
#60f1d1 rgb(96,241,209)
```
#72f2d7
```
#72f2d7 rgb(114,242,215)
```
#84f4dc
```
#84f4dc rgb(132,244,220)
```
#96f6e1
```
#96f6e1 rgb(150,246,225)
```
#a8f7e6
```
#a8f7e6 rgb(168,247,230)
```
#baf9eb
```
#baf9eb rgb(186,249,235)
```
#ccfaf0
```
#ccfaf0 rgb(204,250,240)
```
#defcf6
```
#defcf6 rgb(222,252,246)
```
#f0fefb
```
#f0fefb rgb(240,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83938f is the less saturated color, while #18fecc is the most saturated one.

#83938f
```
#83938f rgb(131,147,143)
```
#7a9c94
```
#7a9c94 rgb(122,156,148)
```
#71a59a
```
#71a59a rgb(113,165,154)
```
#68ae9f
```
#68ae9f rgb(104,174,159)
```
#60b6a4
```
#60b6a4 rgb(96,182,164)
```
#57bfa9
```
#57bfa9 rgb(87,191,169)
```
#4ec8ae
```
#4ec8ae rgb(78,200,174)
```
#45d1b3
```
#45d1b3 rgb(69,209,179)
```
#3cdab8
```
#3cdab8 rgb(60,218,184)
```
#33e3bd
```
#33e3bd rgb(51,227,189)
```
#2aecc2
```
#2aecc2 rgb(42,236,194)
```
#21f5c7
```
#21f5c7 rgb(33,245,199)
```
#18fecc
```
#18fecc rgb(24,254,204)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#93bab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded3b8 Protanopia 1% of men
#e9cdd0 Deuteranopia 1% of men
#5de5f6 Tritanopia 0.001% of the population

Trichromacy

#9cdcbc Protanomaly 1% of men, 0.01% of women
#a3d8cb Deuteranomaly 6% of men, 0.4% of women
#4ae8e3 Tritanomaly 0.01% of the population

#2aecc2 hex color

#2aecc2 Color Information

#2aecc2 Color Conversion

Color Schemes with #2aecc2

Alternatives to #2aecc2

#2aecc2 Preview

Shades and Tints of #2aecc2

Tones of #2aecc2

Color Blindness Simulator