#2aecc3 hex color

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

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

● #2aecc3 color description : Bright cyan.

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

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

CIE-LAB	84.184, -54.659, 7.039
XYZ	40.797, 64.419, 61.911
xyY	0.244, 0.385, 64.419
CIE-LCH	84.184, 55.11, 172.661
CIE-LUV	84.184, -66.791, 19.389
Hunter-Lab	80.262, -49.726, 10.449
Binary	00101010, 11101100, 11000011

#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#ec2a53
```
#ec2a53 rgb(236,42,83)
```

Complementary Color

#2aec62
```
#2aec62 rgb(42,236,98)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#2ab4ec
```
#2ab4ec rgb(42,180,236)
```

Analogous Color

#ec622a
```
#ec622a rgb(236,98,42)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#ec2ab4
```
#ec2ab4 rgb(236,42,180)
```

Split Complementary Color

#ecc32a
```
#ecc32a rgb(236,195,42)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#c32aec
```
#c32aec rgb(195,42,236)
```

Triadic Color

#53ec2a
```
#53ec2a rgb(83,236,42)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#c32aec
```
#c32aec rgb(195,42,236)
```
#ec2a53
```
#ec2a53 rgb(236,42,83)
```

Tetradic Color

#11b995
```
#11b995 rgb(17,185,149)
```
#13d0a8
```
#13d0a8 rgb(19,208,168)
```
#15e8bb
```
#15e8bb rgb(21,232,187)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#41eeca
```
#41eeca rgb(65,238,202)
```
#59f0d0
```
#59f0d0 rgb(89,240,208)
```
#70f2d7
```
#70f2d7 rgb(112,242,215)
```

Monochromatic Color

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

#2aec93
```
#2aec93 rgb(42,236,147)
```
#2aeca3
```
#2aeca3 rgb(42,236,163)
```
#2aecb3
```
#2aecb3 rgb(42,236,179)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#2aecd3
```
#2aecd3 rgb(42,236,211)
```
#2aece3
```
#2aece3 rgb(42,236,227)
```
#2ae5ec
```
#2ae5ec rgb(42,229,236)
```

Similar Colors

Text with hexadecimal color #2aecc3

This text has a font color of #2aecc3.

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

#2aecc3 background color

This paragraph has a background color of #2aecc3.

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

#2aecc3 border color

This element has a border color of #2aecc3.

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

CSS codes

.text {color:#2aecc3;}

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

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

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)
```
#05392e
```
#05392e rgb(5,57,46)
```
#074b3d
```
#074b3d rgb(7,75,61)
```
#085d4b
```
#085d4b rgb(8,93,75)
```
#0a6f5a
```
#0a6f5a rgb(10,111,90)
```
#0c8168
```
#0c8168 rgb(12,129,104)
```
#0d9377
```
#0d9377 rgb(13,147,119)
```
#0fa585
```
#0fa585 rgb(15,165,133)
```
#10b794
```
#10b794 rgb(16,183,148)
```
#12c9a2
```
#12c9a2 rgb(18,201,162)
```
#14dbb1
```
#14dbb1 rgb(20,219,177)
```

Shade Color Variation

#18eabe
```
#18eabe rgb(24,234,190)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#3ceec8
```
#3ceec8 rgb(60,238,200)
```
#4eefcd
```
#4eefcd rgb(78,239,205)
```
#60f1d2
```
#60f1d2 rgb(96,241,210)
```
#72f2d7
```
#72f2d7 rgb(114,242,215)
```
#84f4dc
```
#84f4dc rgb(132,244,220)
```
#96f6e1
```
#96f6e1 rgb(150,246,225)
```
#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, #83938f is the less saturated color, while #18fecd is the most saturated one.

#83938f
```
#83938f rgb(131,147,143)
```
#7a9c95
```
#7a9c95 rgb(122,156,149)
```
#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)
```
#45d1b4
```
#45d1b4 rgb(69,209,180)
```
#3cdab9
```
#3cdab9 rgb(60,218,185)
```
#33e3be
```
#33e3be rgb(51,227,190)
```
#2aecc3
```
#2aecc3 rgb(42,236,195)
```
#21f5c8
```
#21f5c8 rgb(33,245,200)
```
#18fecd
```
#18fecd rgb(24,254,205)
```

Tone Color Variation

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

#ded3b9 Protanopia 1% of men
#e9cdd1 Deuteranopia 1% of men
#5de6f6 Tritanopia 0.001% of the population

Trichromacy

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

#2aecc3 hex color

#2aecc3 Color Information

#2aecc3 Color Conversion

Color Schemes with #2aecc3

Alternatives to #2aecc3

#2aecc3 Preview

Shades and Tints of #2aecc3

Tones of #2aecc3

Color Blindness Simulator