#2aedc4 hex color

In a RGB color space, hex #2aedc4 is composed of 16.5% red, 92.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 0% magenta, 17.3% yellow and 7.1% black. It has a hue angle of 167.4 degrees, a saturation of 84.4% and a lightness of 54.7%. #2aedc4 color hex could be obtained by blending #54ffff with #00db89. 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

● #2aedc4 color description : Bright cyan.

The hexadecimal color #2aedc4 has RGB values of R:42, G:237, B:196 and CMYK values of C:0.82, M:0, Y:0.17, K:0.07. Its decimal value is 2813380.

Hex triplet	2aedc4	`#2aedc4`
RGB Decimal	42, 237, 196	`rgb(42,237,196)`
RGB Percent	16.5, 92.9, 76.9	`rgb(16.5%,92.9%,76.9%)`
CMYK	82, 0, 17, 7
HSL	167.4°, 84.4, 54.7	`hsl(167.4,84.4%,54.7%)`
HSV (or HSB)	167.4°, 82.3, 92.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.505, -54.811, 6.978
XYZ	41.199, 65.042, 62.604
xyY	0.244, 0.385, 65.042
CIE-LCH	84.505, 55.253, 172.745
CIE-LUV	84.505, -67.055, 19.333
Hunter-Lab	80.649, -49.949, 10.429
Binary	00101010, 11101101, 11000100

#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#ed2a53
```
#ed2a53 rgb(237,42,83)
```

Complementary Color

#2aed63
```
#2aed63 rgb(42,237,99)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#2ab5ed
```
#2ab5ed rgb(42,181,237)
```

Analogous Color

#ed632a
```
#ed632a rgb(237,99,42)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#ed2ab5
```
#ed2ab5 rgb(237,42,181)
```

Split Complementary Color

#edc42a
```
#edc42a rgb(237,196,42)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#c42aed
```
#c42aed rgb(196,42,237)
```

Triadic Color

#53ed2a
```
#53ed2a rgb(83,237,42)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#c42aed
```
#c42aed rgb(196,42,237)
```
#ed2a53
```
#ed2a53 rgb(237,42,83)
```

Tetradic Color

#10bb97
```
#10bb97 rgb(16,187,151)
```
#12d2aa
```
#12d2aa rgb(18,210,170)
```
#14eabd
```
#14eabd rgb(20,234,189)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#42efcb
```
#42efcb rgb(66,239,203)
```
#59f1d1
```
#59f1d1 rgb(89,241,209)
```
#71f3d8
```
#71f3d8 rgb(113,243,216)
```

Monochromatic Color

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

#2aed93
```
#2aed93 rgb(42,237,147)
```
#2aeda4
```
#2aeda4 rgb(42,237,164)
```
#2aedb4
```
#2aedb4 rgb(42,237,180)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#2aedd4
```
#2aedd4 rgb(42,237,212)
```
#2aede5
```
#2aede5 rgb(42,237,229)
```
#2ae5ed
```
#2ae5ed rgb(42,229,237)
```

Similar Colors

Text with hexadecimal color #2aedc4

This text has a font color of #2aedc4.

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

#2aedc4 background color

This paragraph has a background color of #2aedc4.

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

#2aedc4 border color

This element has a border color of #2aedc4.

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

CSS codes

.text {color:#2aedc4;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#021612
```
#021612 rgb(2,22,18)
```
#032820
```
#032820 rgb(3,40,32)
```
#053a2f
```
#053a2f rgb(5,58,47)
```
#064c3e
```
#064c3e rgb(6,76,62)
```
#085e4c
```
#085e4c rgb(8,94,76)
```
#0a715b
```
#0a715b rgb(10,113,91)
```
#0b836a
```
#0b836a rgb(11,131,106)
```
#0d9578
```
#0d9578 rgb(13,149,120)
```
#0ea787
```
#0ea787 rgb(14,167,135)
```
#10b995
```
#10b995 rgb(16,185,149)
```
#11cba4
```
#11cba4 rgb(17,203,164)
```
#13ddb3
```
#13ddb3 rgb(19,221,179)
```

Shade Color Variation

#18ebbf
```
#18ebbf rgb(24,235,191)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#3cefc9
```
#3cefc9 rgb(60,239,201)
```
#4ef0ce
```
#4ef0ce rgb(78,240,206)
```
#60f2d3
```
#60f2d3 rgb(96,242,211)
```
#72f3d8
```
#72f3d8 rgb(114,243,216)
```
#84f5dd
```
#84f5dd rgb(132,245,221)
```
#97f6e2
```
#97f6e2 rgb(151,246,226)
```
#a9f8e7
```
#a9f8e7 rgb(169,248,231)
```
#bbf9ec
```
#bbf9ec rgb(187,249,236)
```
#cdfbf1
```
#cdfbf1 rgb(205,251,241)
```
#dffcf6
```
#dffcf6 rgb(223,252,246)
```
#f1fefb
```
#f1fefb rgb(241,254,251)
```

Tint Color Variation

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

#839491
```
#839491 rgb(131,148,145)
```
#7a9d96
```
#7a9d96 rgb(122,157,150)
```
#71a69b
```
#71a69b rgb(113,166,155)
```
#68afa0
```
#68afa0 rgb(104,175,160)
```
#5fb8a5
```
#5fb8a5 rgb(95,184,165)
```
#56c1aa
```
#56c1aa rgb(86,193,170)
```
#4ec9af
```
#4ec9af rgb(78,201,175)
```
#45d2b5
```
#45d2b5 rgb(69,210,181)
```
#3cdbba
```
#3cdbba rgb(60,219,186)
```
#33e4bf
```
#33e4bf rgb(51,228,191)
```
#2aedc4
```
#2aedc4 rgb(42,237,196)
```
#21f6c9
```
#21f6c9 rgb(33,246,201)
```
#18ffce
```
#18ffce rgb(24,255,206)
```

Tone Color Variation

Below, you can see how #2aedc4 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
#94bbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd4ba Protanopia 1% of men
#e9ced2 Deuteranopia 1% of men
#5de6f7 Tritanopia 0.001% of the population

Trichromacy

#9dddbe Protanomaly 1% of men, 0.01% of women
#a4d9cc Deuteranomaly 6% of men, 0.4% of women
#4ae9e4 Tritanomaly 0.01% of the population

#2aedc4 hex color

#2aedc4 Color Information

#2aedc4 Color Conversion

Color Schemes with #2aedc4

Alternatives to #2aedc4

#2aedc4 Preview

Shades and Tints of #2aedc4

Tones of #2aedc4

Color Blindness Simulator