#2aecc5 hex color

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

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

● #2aecc5 color description : Bright cyan.

The hexadecimal color #2aecc5 has RGB values of R:42, G:236, B:197 and CMYK values of C:0.82, M:0, Y:0.17, K:0.07. Its decimal value is 2813125.

Hex triplet	2aecc5	`#2aecc5`
RGB Decimal	42, 236, 197	`rgb(42,236,197)`
RGB Percent	16.5, 92.5, 77.3	`rgb(16.5%,92.5%,77.3%)`
CMYK	82, 0, 17, 7
HSL	167.9°, 83.6, 54.5	`hsl(167.9,83.6%,54.5%)`
HSV (or HSB)	167.9°, 82.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.231, -54.162, 6.058
XYZ	41.025, 64.51, 63.11
xyY	0.243, 0.383, 64.51
CIE-LCH	84.231, 54.5, 173.618
CIE-LUV	84.231, -66.645, 17.843
Hunter-Lab	80.318, -49.383, 9.636
Binary	00101010, 11101100, 11000101

#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#ec2a51
```
#ec2a51 rgb(236,42,81)
```

Complementary Color

#2aec64
```
#2aec64 rgb(42,236,100)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#2ab2ec
```
#2ab2ec rgb(42,178,236)
```

Analogous Color

#ec642a
```
#ec642a rgb(236,100,42)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#ec2ab2
```
#ec2ab2 rgb(236,42,178)
```

Split Complementary Color

#ecc52a
```
#ecc52a rgb(236,197,42)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#c52aec
```
#c52aec rgb(197,42,236)
```

Triadic Color

#51ec2a
```
#51ec2a rgb(81,236,42)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#c52aec
```
#c52aec rgb(197,42,236)
```
#ec2a51
```
#ec2a51 rgb(236,42,81)
```

Tetradic Color

#11b997
```
#11b997 rgb(17,185,151)
```
#13d0aa
```
#13d0aa rgb(19,208,170)
```
#15e8bd
```
#15e8bd rgb(21,232,189)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#41eecb
```
#41eecb rgb(65,238,203)
```
#59f0d2
```
#59f0d2 rgb(89,240,210)
```
#70f2d8
```
#70f2d8 rgb(112,242,216)
```

Monochromatic Color

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

#2aec95
```
#2aec95 rgb(42,236,149)
```
#2aeca5
```
#2aeca5 rgb(42,236,165)
```
#2aecb5
```
#2aecb5 rgb(42,236,181)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#2aecd5
```
#2aecd5 rgb(42,236,213)
```
#2aece5
```
#2aece5 rgb(42,236,229)
```
#2ae3ec
```
#2ae3ec rgb(42,227,236)
```

Similar Colors

Text with hexadecimal color #2aecc5

This text has a font color of #2aecc5.

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

#2aecc5 background color

This paragraph has a background color of #2aecc5.

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

#2aecc5 border color

This element has a border color of #2aecc5.

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

CSS codes

.text {color:#2aecc5;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021511
```
#021511 rgb(2,21,17)
```
#032720
```
#032720 rgb(3,39,32)
```
#05392f
```
#05392f rgb(5,57,47)
```
#074b3d
```
#074b3d rgb(7,75,61)
```
#085d4c
```
#085d4c rgb(8,93,76)
```
#0a6f5b
```
#0a6f5b rgb(10,111,91)
```
#0c816a
```
#0c816a rgb(12,129,106)
```
#0d9378
```
#0d9378 rgb(13,147,120)
```
#0fa587
```
#0fa587 rgb(15,165,135)
```
#10b796
```
#10b796 rgb(16,183,150)
```
#12c9a4
```
#12c9a4 rgb(18,201,164)
```
#14dbb3
```
#14dbb3 rgb(20,219,179)
```

Shade Color Variation

#18eac0
```
#18eac0 rgb(24,234,192)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#3ceeca
```
#3ceeca rgb(60,238,202)
```
#4eefcf
```
#4eefcf rgb(78,239,207)
```
#60f1d4
```
#60f1d4 rgb(96,241,212)
```
#72f2d9
```
#72f2d9 rgb(114,242,217)
```
#84f4de
```
#84f4de rgb(132,244,222)
```
#96f6e2
```
#96f6e2 rgb(150,246,226)
```
#a8f7e7
```
#a8f7e7 rgb(168,247,231)
```
#baf9ec
```
#baf9ec rgb(186,249,236)
```
#ccfaf1
```
#ccfaf1 rgb(204,250,241)
```
#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, #839390 is the less saturated color, while #18fed0 is the most saturated one.

#839390
```
#839390 rgb(131,147,144)
```
#7a9c95
```
#7a9c95 rgb(122,156,149)
```
#71a59a
```
#71a59a rgb(113,165,154)
```
#68aea0
```
#68aea0 rgb(104,174,160)
```
#60b6a5
```
#60b6a5 rgb(96,182,165)
```
#57bfaa
```
#57bfaa rgb(87,191,170)
```
#4ec8b0
```
#4ec8b0 rgb(78,200,176)
```
#45d1b5
```
#45d1b5 rgb(69,209,181)
```
#3cdaba
```
#3cdaba rgb(60,218,186)
```
#33e3c0
```
#33e3c0 rgb(51,227,192)
```
#2aecc5
```
#2aecc5 rgb(42,236,197)
```
#21f5ca
```
#21f5ca rgb(33,245,202)
```
#18fed0
```
#18fed0 rgb(24,254,208)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#94bab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd3bb Protanopia 1% of men
#e8ced2 Deuteranopia 1% of men
#5ce6f7 Tritanopia 0.001% of the population

Trichromacy

#9cdcbf Protanomaly 1% of men, 0.01% of women
#a3d8cd Deuteranomaly 6% of men, 0.4% of women
#4ae8e4 Tritanomaly 0.01% of the population

#2aecc5 hex color

#2aecc5 Color Information

#2aecc5 Color Conversion

Color Schemes with #2aecc5

Alternatives to #2aecc5

#2aecc5 Preview

Shades and Tints of #2aecc5

Tones of #2aecc5

Color Blindness Simulator