#2e9684 hex color

In a RGB color space, hex #2e9684 is composed of 18% red, 58.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 0% magenta, 12% yellow and 41.2% black. It has a hue angle of 169.6 degrees, a saturation of 53.1% and a lightness of 38.4%. #2e9684 color hex could be obtained by blending #5cffff with #002d09. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 59
- B 52
RGB color chart
- C 69
- M 0
- Y 12
- K 41
CMYK color chart

● #2e9684 color description : Dark moderate cyan.

The hexadecimal color #2e9684 has RGB values of R:46, G:150, B:132 and CMYK values of C:0.69, M:0, Y:0.12, K:0.41. Its decimal value is 3053188.

Hex triplet	2e9684	`#2e9684`
RGB Decimal	46, 150, 132	`rgb(46,150,132)`
RGB Percent	18, 58.8, 51.8	`rgb(18%,58.8%,51.8%)`
CMYK	69, 0, 12, 41
HSL	169.6°, 53.1, 38.4	`hsl(169.6,53.1%,38.4%)`
HSV (or HSB)	169.6°, 69.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	56.146, -33.771, 0.919
XYZ	16.197, 24.058, 25.619
xyY	0.246, 0.365, 24.058
CIE-LCH	56.146, 33.783, 178.441
CIE-LUV	56.146, -40.228, 6.325
Hunter-Lab	49.049, -26.893, 3.367
Binary	00101110, 10010110, 10000100

#2e9684
```
#2e9684 rgb(46,150,132)
```
#962e40
```
#962e40 rgb(150,46,64)
```

Complementary Color

#2e9650
```
#2e9650 rgb(46,150,80)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#2e7496
```
#2e7496 rgb(46,116,150)
```

Analogous Color

#96502e
```
#96502e rgb(150,80,46)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#962e74
```
#962e74 rgb(150,46,116)
```

Split Complementary Color

#96842e
```
#96842e rgb(150,132,46)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#842e96
```
#842e96 rgb(132,46,150)
```

Triadic Color

#40962e
```
#40962e rgb(64,150,46)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#842e96
```
#842e96 rgb(132,46,150)
```
#962e40
```
#962e40 rgb(150,46,64)
```

Tetradic Color

#1c5b50
```
#1c5b50 rgb(28,91,80)
```
#226f62
```
#226f62 rgb(34,111,98)
```
#288273
```
#288273 rgb(40,130,115)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#34aa95
```
#34aa95 rgb(52,170,149)
```
#3abda6
```
#3abda6 rgb(58,189,166)
```
#49c7b1
```
#49c7b1 rgb(73,199,177)
```

Monochromatic Color

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

#2e966a
```
#2e966a rgb(46,150,106)
```
#2e9673
```
#2e9673 rgb(46,150,115)
```
#2e967b
```
#2e967b rgb(46,150,123)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#2e968d
```
#2e968d rgb(46,150,141)
```
#2e9695
```
#2e9695 rgb(46,150,149)
```
#2e8e96
```
#2e8e96 rgb(46,142,150)
```

Similar Colors

Text with hexadecimal color #2e9684

This text has a font color of #2e9684.

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

#2e9684 background color

This paragraph has a background color of #2e9684.

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

#2e9684 border color

This element has a border color of #2e9684.

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

CSS codes

.text {color:#2e9684;}

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

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

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, #050f0d is the darkest color, while #ffffff is the lightest one.

#050f0d
```
#050f0d rgb(5,15,13)
```
#091e1a
```
#091e1a rgb(9,30,26)
```
#0e2d28
```
#0e2d28 rgb(14,45,40)
```
#123c35
```
#123c35 rgb(18,60,53)
```
#174b42
```
#174b42 rgb(23,75,66)
```
#1c5a4f
```
#1c5a4f rgb(28,90,79)
```
#20695c
```
#20695c rgb(32,105,92)
```
#25786a
```
#25786a rgb(37,120,106)
```
#298777
```
#298777 rgb(41,135,119)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#33a591
```
#33a591 rgb(51,165,145)
```
#37b49e
```
#37b49e rgb(55,180,158)
```
#3cc3ac
```
#3cc3ac rgb(60,195,172)
```

Shade Color Variation

#4bc8b2
```
#4bc8b2 rgb(75,200,178)
```
#5accb8
```
#5accb8 rgb(90,204,184)
```
#69d1bf
```
#69d1bf rgb(105,209,191)
```
#78d6c5
```
#78d6c5 rgb(120,214,197)
```
#87dacc
```
#87dacc rgb(135,218,204)
```
#96dfd2
```
#96dfd2 rgb(150,223,210)
```
#a5e3d9
```
#a5e3d9 rgb(165,227,217)
```
#b4e8df
```
#b4e8df rgb(180,232,223)
```
#c3ede5
```
#c3ede5 rgb(195,237,229)
```
#d2f1ec
```
#d2f1ec rgb(210,241,236)
```
#e1f6f2
```
#e1f6f2 rgb(225,246,242)
```
#f0faf9
```
#f0faf9 rgb(240,250,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6966 is the less saturated color, while #01c3a2 is the most saturated one.

#5b6966
```
#5b6966 rgb(91,105,102)
```
#54706b
```
#54706b rgb(84,112,107)
```
#4c7870
```
#4c7870 rgb(76,120,112)
```
#457f75
```
#457f75 rgb(69,127,117)
```
#3d877a
```
#3d877a rgb(61,135,122)
```
#368e7f
```
#368e7f rgb(54,142,127)
```
#2e9684
```
#2e9684 rgb(46,150,132)
```
#269e89
```
#269e89 rgb(38,158,137)
```
#1fa58e
```
#1fa58e rgb(31,165,142)
```
#17ad93
```
#17ad93 rgb(23,173,147)
```
#10b498
```
#10b498 rgb(16,180,152)
```
#08bc9d
```
#08bc9d rgb(8,188,157)
```
#01c3a2
```
#01c3a2 rgb(1,195,162)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918c82 Protanopia 1% of men
#978891 Deuteranopia 1% of men
#4797a2 Tritanopia 0.001% of the population

Trichromacy

#6d8f83 Protanomaly 1% of men, 0.01% of women
#718d8c Deuteranomaly 6% of men, 0.4% of women
#3e9797 Tritanomaly 0.01% of the population

#2e9684 hex color

#2e9684 Color Information

#2e9684 Color Conversion

Color Schemes with #2e9684

Alternatives to #2e9684

#2e9684 Preview

Shades and Tints of #2e9684

Tones of #2e9684

Color Blindness Simulator