#2ec3af hex color

In a RGB color space, hex #2ec3af is composed of 18% red, 76.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 10.3% yellow and 23.5% black. It has a hue angle of 171.9 degrees, a saturation of 61.8% and a lightness of 47.3%. #2ec3af color hex could be obtained by blending #5cffff with #00875f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 76
- B 69
RGB color chart
- C 76
- M 0
- Y 10
- K 24
CMYK color chart

● #2ec3af color description : Strong cyan.

The hexadecimal color #2ec3af has RGB values of R:46, G:195, B:175 and CMYK values of C:0.76, M:0, Y:0.1, K:0.24. Its decimal value is 3064751.

Hex triplet	2ec3af	`#2ec3af`
RGB Decimal	46, 195, 175	`rgb(46,195,175)`
RGB Percent	18, 76.5, 68.6	`rgb(18%,76.5%,68.6%)`
CMYK	76, 0, 10, 24
HSL	171.9°, 61.8, 47.3	`hsl(171.9,61.8%,47.3%)`
HSV (or HSB)	171.9°, 76.4, 76.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.353, -42.343, -0.865
XYZ	28.377, 42.703, 47.302
xyY	0.24, 0.361, 42.703
CIE-LCH	71.353, 42.352, 181.17
CIE-LUV	71.353, -53.662, 5.248
Hunter-Lab	65.348, -36.846, 2.826
Binary	00101110, 11000011, 10101111

#2ec3af
```
#2ec3af rgb(46,195,175)
```
#c32e42
```
#c32e42 rgb(195,46,66)
```

Complementary Color

#2ec365
```
#2ec365 rgb(46,195,101)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#2e8dc3
```
#2e8dc3 rgb(46,141,195)
```

Analogous Color

#c3652e
```
#c3652e rgb(195,101,46)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#c32e8d
```
#c32e8d rgb(195,46,141)
```

Split Complementary Color

#c3af2e
```
#c3af2e rgb(195,175,46)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#af2ec3
```
#af2ec3 rgb(175,46,195)
```

Triadic Color

#42c32e
```
#42c32e rgb(66,195,46)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#af2ec3
```
#af2ec3 rgb(175,46,195)
```
#c32e42
```
#c32e42 rgb(195,46,66)
```

Tetradic Color

#1f8577
```
#1f8577 rgb(31,133,119)
```
#249a8a
```
#249a8a rgb(36,154,138)
```
#29ae9c
```
#29ae9c rgb(41,174,156)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#3ad1bc
```
#3ad1bc rgb(58,209,188)
```
#4fd5c3
```
#4fd5c3 rgb(79,213,195)
```
#63daca
```
#63daca rgb(99,218,202)
```

Monochromatic Color

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

#2ec38a
```
#2ec38a rgb(46,195,138)
```
#2ec396
```
#2ec396 rgb(46,195,150)
```
#2ec3a3
```
#2ec3a3 rgb(46,195,163)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#2ec3bb
```
#2ec3bb rgb(46,195,187)
```
#2ebec3
```
#2ebec3 rgb(46,190,195)
```
#2eb2c3
```
#2eb2c3 rgb(46,178,195)
```

Similar Colors

Text with hexadecimal color #2ec3af

This text has a font color of #2ec3af.

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

#2ec3af background color

This paragraph has a background color of #2ec3af.

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

#2ec3af border color

This element has a border color of #2ec3af.

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

CSS codes

.text {color:#2ec3af;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051412
```
#051412 rgb(5,20,18)
```
#092421
```
#092421 rgb(9,36,33)
```
#0c342f
```
#0c342f rgb(12,52,47)
```
#10443d
```
#10443d rgb(16,68,61)
```
#14544b
```
#14544b rgb(20,84,75)
```
#18645a
```
#18645a rgb(24,100,90)
```
#1b7468
```
#1b7468 rgb(27,116,104)
```
#1f8476
```
#1f8476 rgb(31,132,118)
```
#239384
```
#239384 rgb(35,147,132)
```
#27a393
```
#27a393 rgb(39,163,147)
```
#2ab3a1
```
#2ab3a1 rgb(42,179,161)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```

Shade Color Variation

#35cfbb
```
#35cfbb rgb(53,207,187)
```
#45d3c0
```
#45d3c0 rgb(69,211,192)
```
#55d7c5
```
#55d7c5 rgb(85,215,197)
```
#65dbcb
```
#65dbcb rgb(101,219,203)
```
#75ded0
```
#75ded0 rgb(117,222,208)
```
#85e2d6
```
#85e2d6 rgb(133,226,214)
```
#94e6db
```
#94e6db rgb(148,230,219)
```
#a4eae0
```
#a4eae0 rgb(164,234,224)
```
#b4ede6
```
#b4ede6 rgb(180,237,230)
```
#c4f1eb
```
#c4f1eb rgb(196,241,235)
```
#d4f5f0
```
#d4f5f0 rgb(212,245,240)
```
#e4f9f6
```
#e4f9f6 rgb(228,249,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#787979
```
#787979 rgb(120,121,121)
```
#6f8280
```
#6f8280 rgb(111,130,128)
```
#668b86
```
#668b86 rgb(102,139,134)
```
#5c958d
```
#5c958d rgb(92,149,141)
```
#539e94
```
#539e94 rgb(83,158,148)
```
#4aa79b
```
#4aa79b rgb(74,167,155)
```
#41b0a1
```
#41b0a1 rgb(65,176,161)
```
#37baa8
```
#37baa8 rgb(55,186,168)
```
#2ec3af
```
#2ec3af rgb(46,195,175)
```
#25ccb6
```
#25ccb6 rgb(37,204,182)
```
#1bd6bd
```
#1bd6bd rgb(27,214,189)
```
#12dfc3
```
#12dfc3 rgb(18,223,195)
```
#09e8ca
```
#09e8ca rgb(9,232,202)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b2a8 Protanopia 1% of men
#bfaebb Deuteranopia 1% of men
#4ec1cf Tritanopia 0.001% of the population

Trichromacy

#86b8ab Protanomaly 1% of men, 0.01% of women
#8ab5b7 Deuteranomaly 6% of men, 0.4% of women
#42c2c3 Tritanomaly 0.01% of the population

#2ec3af hex color

#2ec3af Color Information

#2ec3af Color Conversion

Color Schemes with #2ec3af

Alternatives to #2ec3af

#2ec3af Preview

Shades and Tints of #2ec3af

Tones of #2ec3af

Color Blindness Simulator