#2ecaac hex color

In a RGB color space, hex #2ecaac is composed of 18% red, 79.2% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 14.9% yellow and 20.8% black. It has a hue angle of 168.5 degrees, a saturation of 62.9% and a lightness of 48.6%. #2ecaac color hex could be obtained by blending #5cffff with #009559. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 79
- B 67
RGB color chart
- C 77
- M 0
- Y 15
- K 21
CMYK color chart

● #2ecaac color description : Strong cyan.

The hexadecimal color #2ecaac has RGB values of R:46, G:202, B:172 and CMYK values of C:0.77, M:0, Y:0.15, K:0.21. Its decimal value is 3066540.

Hex triplet	2ecaac	`#2ecaac`
RGB Decimal	46, 202, 172	`rgb(46,202,172)`
RGB Percent	18, 79.2, 67.5	`rgb(18%,79.2%,67.5%)`
CMYK	77, 0, 15, 21
HSL	168.5°, 62.9, 48.6	`hsl(168.5,62.9%,48.6%)`
HSV (or HSB)	168.5°, 77.2, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.414, -46.146, 3.763
XYZ	29.691, 45.798, 46.302
xyY	0.244, 0.376, 45.798
CIE-LCH	73.414, 46.299, 175.338
CIE-LUV	73.414, -56.333, 12.814
Hunter-Lab	67.674, -40.115, 6.806
Binary	00101110, 11001010, 10101100

#2ecaac
```
#2ecaac rgb(46,202,172)
```
#ca2e4c
```
#ca2e4c rgb(202,46,76)
```

Complementary Color

#2eca5e
```
#2eca5e rgb(46,202,94)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#2e9aca
```
#2e9aca rgb(46,154,202)
```

Analogous Color

#ca5e2e
```
#ca5e2e rgb(202,94,46)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#ca2e9a
```
#ca2e9a rgb(202,46,154)
```

Split Complementary Color

#caac2e
```
#caac2e rgb(202,172,46)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#ac2eca
```
#ac2eca rgb(172,46,202)
```

Triadic Color

#4cca2e
```
#4cca2e rgb(76,202,46)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#ac2eca
```
#ac2eca rgb(172,46,202)
```
#ca2e4c
```
#ca2e4c rgb(202,46,76)
```

Tetradic Color

#208c77
```
#208c77 rgb(32,140,119)
```
#25a089
```
#25a089 rgb(37,160,137)
```
#29b59a
```
#29b59a rgb(41,181,154)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#3ed3b7
```
#3ed3b7 rgb(62,211,183)
```
#53d8be
```
#53d8be rgb(83,216,190)
```
#68ddc6
```
#68ddc6 rgb(104,221,198)
```

Monochromatic Color

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

#2eca85
```
#2eca85 rgb(46,202,133)
```
#2eca92
```
#2eca92 rgb(46,202,146)
```
#2eca9f
```
#2eca9f rgb(46,202,159)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#2ecab9
```
#2ecab9 rgb(46,202,185)
```
#2ecac6
```
#2ecac6 rgb(46,202,198)
```
#2ec1ca
```
#2ec1ca rgb(46,193,202)
```

Similar Colors

Text with hexadecimal color #2ecaac

This text has a font color of #2ecaac.

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

#2ecaac background color

This paragraph has a background color of #2ecaac.

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

#2ecaac border color

This element has a border color of #2ecaac.

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

CSS codes

.text {color:#2ecaac;}

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

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

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061a16
```
#061a16 rgb(6,26,22)
```
#0a2a24
```
#0a2a24 rgb(10,42,36)
```
#0d3a32
```
#0d3a32 rgb(13,58,50)
```
#114a3f
```
#114a3f rgb(17,74,63)
```
#155a4d
```
#155a4d rgb(21,90,77)
```
#186a5a
```
#186a5a rgb(24,106,90)
```
#1c7a68
```
#1c7a68 rgb(28,122,104)
```
#1f8a76
```
#1f8a76 rgb(31,138,118)
```
#239a83
```
#239a83 rgb(35,154,131)
```
#27aa91
```
#27aa91 rgb(39,170,145)
```
#2aba9e
```
#2aba9e rgb(42,186,158)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```

Shade Color Variation

#3ad2b5
```
#3ad2b5 rgb(58,210,181)
```
#4ad6bb
```
#4ad6bb rgb(74,214,187)
```
#5ad9c1
```
#5ad9c1 rgb(90,217,193)
```
#6addc7
```
#6addc7 rgb(106,221,199)
```
#79e1cd
```
#79e1cd rgb(121,225,205)
```
#89e4d3
```
#89e4d3 rgb(137,228,211)
```
#99e8d9
```
#99e8d9 rgb(153,232,217)
```
#a9ecdf
```
#a9ecdf rgb(169,236,223)
```
#b9efe5
```
#b9efe5 rgb(185,239,229)
```
#c9f3eb
```
#c9f3eb rgb(201,243,235)
```
#d9f6f1
```
#d9f6f1 rgb(217,246,241)
```
#e9faf7
```
#e9faf7 rgb(233,250,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e7d is the less saturated color, while #08f0c3 is the most saturated one.

#7a7e7d
```
#7a7e7d rgb(122,126,125)
```
#718783
```
#718783 rgb(113,135,131)
```
#679189
```
#679189 rgb(103,145,137)
```
#5e9a8f
```
#5e9a8f rgb(94,154,143)
```
#54a495
```
#54a495 rgb(84,164,149)
```
#4bad9a
```
#4bad9a rgb(75,173,154)
```
#41b7a0
```
#41b7a0 rgb(65,183,160)
```
#38c0a6
```
#38c0a6 rgb(56,192,166)
```
#2ecaac
```
#2ecaac rgb(46,202,172)
```
#24d4b2
```
#24d4b2 rgb(36,212,178)
```
#1bddb8
```
#1bddb8 rgb(27,221,184)
```
#11e7be
```
#11e7be rgb(17,231,190)
```
#08f0c3
```
#08f0c3 rgb(8,240,195)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#83a29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb7a5 Protanopia 1% of men
#c8b2b9 Deuteranopia 1% of men
#54c7d5 Tritanopia 0.001% of the population

Trichromacy

#8abea8 Protanomaly 1% of men, 0.01% of women
#90bbb4 Deuteranomaly 6% of men, 0.4% of women
#46c8c6 Tritanomaly 0.01% of the population

#2ecaac hex color

#2ecaac Color Information

#2ecaac Color Conversion

Color Schemes with #2ecaac

Alternatives to #2ecaac

#2ecaac Preview

Shades and Tints of #2ecaac

Tones of #2ecaac

Color Blindness Simulator