#2fae96 hex color

In a RGB color space, hex #2fae96 is composed of 18.4% red, 68.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 13.8% yellow and 31.8% black. It has a hue angle of 168.7 degrees, a saturation of 57.5% and a lightness of 43.3%. #2fae96 color hex could be obtained by blending #5effff with #005d2d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 68
- B 59
RGB color chart
- C 73
- M 0
- Y 14
- K 32
CMYK color chart

● #2fae96 color description : Dark cyan.

The hexadecimal color #2fae96 has RGB values of R:47, G:174, B:150 and CMYK values of C:0.73, M:0, Y:0.14, K:0.32. Its decimal value is 3124886.

Hex triplet	2fae96	`#2fae96`
RGB Decimal	47, 174, 150	`rgb(47,174,150)`
RGB Percent	18.4, 68.2, 58.8	`rgb(18.4%,68.2%,58.8%)`
CMYK	73, 0, 14, 32
HSL	168.7°, 57.5, 43.3	`hsl(168.7,57.5%,43.3%)`
HSV (or HSB)	168.7°, 73, 68.2
Web Safe	339999	`#339999`

CIE-LAB	64.223, -39.672, 2.513
XYZ	21.811, 33.076, 34.087
xyY	0.245, 0.372, 33.076
CIE-LCH	64.223, 39.752, 176.376
CIE-LUV	64.223, -47.731, 9.714
Hunter-Lab	57.512, -32.95, 5.117
Binary	00101111, 10101110, 10010110

#2fae96
```
#2fae96 rgb(47,174,150)
```
#ae2f47
```
#ae2f47 rgb(174,47,71)
```

Complementary Color

#2fae57
```
#2fae57 rgb(47,174,87)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#2f87ae
```
#2f87ae rgb(47,135,174)
```

Analogous Color

#ae572f
```
#ae572f rgb(174,87,47)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#ae2f87
```
#ae2f87 rgb(174,47,135)
```

Split Complementary Color

#ae962f
```
#ae962f rgb(174,150,47)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#962fae
```
#962fae rgb(150,47,174)
```

Triadic Color

#47ae2f
```
#47ae2f rgb(71,174,47)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#962fae
```
#962fae rgb(150,47,174)
```
#ae2f47
```
#ae2f47 rgb(174,47,71)
```

Tetradic Color

#1f7262
```
#1f7262 rgb(31,114,98)
```
#248673
```
#248673 rgb(36,134,115)
```
#2a9a85
```
#2a9a85 rgb(42,154,133)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#34c2a7
```
#34c2a7 rgb(52,194,167)
```
#44ccb3
```
#44ccb3 rgb(68,204,179)
```
#58d2bb
```
#58d2bb rgb(88,210,187)
```

Monochromatic Color

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

#2fae76
```
#2fae76 rgb(47,174,118)
```
#2fae81
```
#2fae81 rgb(47,174,129)
```
#2fae8b
```
#2fae8b rgb(47,174,139)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#2faea1
```
#2faea1 rgb(47,174,161)
```
#2faeab
```
#2faeab rgb(47,174,171)
```
#2fa6ae
```
#2fa6ae rgb(47,166,174)
```

Similar Colors

Text with hexadecimal color #2fae96

This text has a font color of #2fae96.

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

#2fae96 background color

This paragraph has a background color of #2fae96.

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

#2fae96 border color

This element has a border color of #2fae96.

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

CSS codes

.text {color:#2fae96;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051411
```
#051411 rgb(5,20,17)
```
#09231e
```
#09231e rgb(9,35,30)
```
#0e322b
```
#0e322b rgb(14,50,43)
```
#124239
```
#124239 rgb(18,66,57)
```
#165146
```
#165146 rgb(22,81,70)
```
#1a6153
```
#1a6153 rgb(26,97,83)
```
#1e7061
```
#1e7061 rgb(30,112,97)
```
#22806e
```
#22806e rgb(34,128,110)
```
#278f7b
```
#278f7b rgb(39,143,123)
```
#2b9f89
```
#2b9f89 rgb(43,159,137)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#33bda3
```
#33bda3 rgb(51,189,163)
```

Shade Color Variation

#3acaaf
```
#3acaaf rgb(58,202,175)
```
#4aceb5
```
#4aceb5 rgb(74,206,181)
```
#59d2bb
```
#59d2bb rgb(89,210,187)
```
#69d6c2
```
#69d6c2 rgb(105,214,194)
```
#78dbc8
```
#78dbc8 rgb(120,219,200)
```
#88dfce
```
#88dfce rgb(136,223,206)
```
#97e3d5
```
#97e3d5 rgb(151,227,213)
```
#a6e7db
```
#a6e7db rgb(166,231,219)
```
#b6ebe1
```
#b6ebe1 rgb(182,235,225)
```
#c5efe7
```
#c5efe7 rgb(197,239,231)
```
#d5f4ee
```
#d5f4ee rgb(213,244,238)
```
#e4f8f4
```
#e4f8f4 rgb(228,248,244)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7371 is the less saturated color, while #04d9b0 is the most saturated one.

#6b7371
```
#6b7371 rgb(107,115,113)
```
#627b76
```
#627b76 rgb(98,123,118)
```
#5a847c
```
#5a847c rgb(90,132,124)
```
#518c81
```
#518c81 rgb(81,140,129)
```
#499586
```
#499586 rgb(73,149,134)
```
#409d8b
```
#409d8b rgb(64,157,139)
```
#38a691
```
#38a691 rgb(56,166,145)
```
#2fae96
```
#2fae96 rgb(47,174,150)
```
#27b79b
```
#27b79b rgb(39,183,155)
```
#1ebfa1
```
#1ebfa1 rgb(30,191,161)
```
#16c8a6
```
#16c8a6 rgb(22,200,166)
```
#0dd0ab
```
#0dd0ab rgb(13,208,171)
```
#04d9b0
```
#04d9b0 rgb(4,217,176)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a092 Protanopia 1% of men
#ae9ca3 Deuteranopia 1% of men
#4dadba Tritanopia 0.001% of the population

Trichromacy

#7ba593 Protanomaly 1% of men, 0.01% of women
#80a29e Deuteranomaly 6% of men, 0.4% of women
#42adad Tritanomaly 0.01% of the population

#2fae96 hex color

#2fae96 Color Information

#2fae96 Color Conversion

Color Schemes with #2fae96

Alternatives to #2fae96

#2fae96 Preview

Shades and Tints of #2fae96

Tones of #2fae96

Color Blindness Simulator