#2aecd9 hex color

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

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

● #2aecd9 color description : Bright cyan.

The hexadecimal color #2aecd9 has RGB values of R:42, G:236, B:217 and CMYK values of C:0.82, M:0, Y:0.08, K:0.07. Its decimal value is 2813145.

Hex triplet	2aecd9	`#2aecd9`
RGB Decimal	42, 236, 217	`rgb(42,236,217)`
RGB Percent	16.5, 92.5, 85.1	`rgb(16.5%,92.5%,85.1%)`
CMYK	82, 0, 8, 7
HSL	174.1°, 83.6, 54.5	`hsl(174.1,83.6%,54.5%)`
HSV (or HSB)	174.1°, 82.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.735, -48.97, -3.724
XYZ	43.47, 65.489, 75.991
xyY	0.235, 0.354, 65.489
CIE-LCH	84.735, 49.112, 184.348
CIE-LUV	84.735, -65.16, 1.941
Hunter-Lab	80.925, -45.734, 0.972
Binary	00101010, 11101100, 11011001

#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#ec2a3d
```
#ec2a3d rgb(236,42,61)
```

Complementary Color

#2aec78
```
#2aec78 rgb(42,236,120)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#2a9eec
```
#2a9eec rgb(42,158,236)
```

Analogous Color

#ec782a
```
#ec782a rgb(236,120,42)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#ec2a9e
```
#ec2a9e rgb(236,42,158)
```

Split Complementary Color

#ecd92a
```
#ecd92a rgb(236,217,42)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#d92aec
```
#d92aec rgb(217,42,236)
```

Triadic Color

#3dec2a
```
#3dec2a rgb(61,236,42)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#d92aec
```
#d92aec rgb(217,42,236)
```
#ec2a3d
```
#ec2a3d rgb(236,42,61)
```

Tetradic Color

#11b9a8
```
#11b9a8 rgb(17,185,168)
```
#13d0be
```
#13d0be rgb(19,208,190)
```
#15e8d3
```
#15e8d3 rgb(21,232,211)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#41eedd
```
#41eedd rgb(65,238,221)
```
#59f0e1
```
#59f0e1 rgb(89,240,225)
```
#70f2e6
```
#70f2e6 rgb(112,242,230)
```

Monochromatic Color

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

#2aeca9
```
#2aeca9 rgb(42,236,169)
```
#2aecb9
```
#2aecb9 rgb(42,236,185)
```
#2aecc9
```
#2aecc9 rgb(42,236,201)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#2aece9
```
#2aece9 rgb(42,236,233)
```
#2adfec
```
#2adfec rgb(42,223,236)
```
#2acfec
```
#2acfec rgb(42,207,236)
```

Similar Colors

Text with hexadecimal color #2aecd9

This text has a font color of #2aecd9.

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

#2aecd9 background color

This paragraph has a background color of #2aecd9.

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

#2aecd9 border color

This element has a border color of #2aecd9.

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

CSS codes

.text {color:#2aecd9;}

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

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

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 #f0fefc is the lightest one.

#000303
```
#000303 rgb(0,3,3)
```
#021513
```
#021513 rgb(2,21,19)
```
#032724
```
#032724 rgb(3,39,36)
```
#053934
```
#053934 rgb(5,57,52)
```
#074b44
```
#074b44 rgb(7,75,68)
```
#085d55
```
#085d55 rgb(8,93,85)
```
#0a6f65
```
#0a6f65 rgb(10,111,101)
```
#0c8176
```
#0c8176 rgb(12,129,118)
```
#0d9386
```
#0d9386 rgb(13,147,134)
```
#0fa596
```
#0fa596 rgb(15,165,150)
```
#10b7a7
```
#10b7a7 rgb(16,183,167)
```
#12c9b7
```
#12c9b7 rgb(18,201,183)
```
#14dbc8
```
#14dbc8 rgb(20,219,200)
```

Shade Color Variation

#18ead6
```
#18ead6 rgb(24,234,214)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#3ceedc
```
#3ceedc rgb(60,238,220)
```
#4eefdf
```
#4eefdf rgb(78,239,223)
```
#60f1e3
```
#60f1e3 rgb(96,241,227)
```
#72f2e6
```
#72f2e6 rgb(114,242,230)
```
#84f4e9
```
#84f4e9 rgb(132,244,233)
```
#96f6ec
```
#96f6ec rgb(150,246,236)
```
#a8f7ef
```
#a8f7ef rgb(168,247,239)
```
#baf9f3
```
#baf9f3 rgb(186,249,243)
```
#ccfaf6
```
#ccfaf6 rgb(204,250,246)
```
#defcf9
```
#defcf9 rgb(222,252,249)
```
#f0fefc
```
#f0fefc rgb(240,254,252)
```

Tint Color Variation

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

#839391
```
#839391 rgb(131,147,145)
```
#7a9c98
```
#7a9c98 rgb(122,156,152)
```
#71a5a0
```
#71a5a0 rgb(113,165,160)
```
#68aea7
```
#68aea7 rgb(104,174,167)
```
#60b6ae
```
#60b6ae rgb(96,182,174)
```
#57bfb5
```
#57bfb5 rgb(87,191,181)
```
#4ec8bc
```
#4ec8bc rgb(78,200,188)
```
#45d1c3
```
#45d1c3 rgb(69,209,195)
```
#3cdacb
```
#3cdacb rgb(60,218,203)
```
#33e3d2
```
#33e3d2 rgb(51,227,210)
```
#2aecd9
```
#2aecd9 rgb(42,236,217)
```
#21f5e0
```
#21f5e0 rgb(33,245,224)
```
#18fee7
```
#18fee7 rgb(24,254,231)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#95bcb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd4ce Protanopia 1% of men
#e2d0e5 Deuteranopia 1% of men
#53e8f9 Tritanopia 0.001% of the population

Trichromacy

#9addd2 Protanomaly 1% of men, 0.01% of women
#9fdae0 Deuteranomaly 6% of men, 0.4% of women
#44e9ed Tritanomaly 0.01% of the population

#2aecd9 hex color

#2aecd9 Color Information

#2aecd9 Color Conversion

Color Schemes with #2aecd9

Alternatives to #2aecd9

#2aecd9 Preview

Shades and Tints of #2aecd9

Tones of #2aecd9

Color Blindness Simulator