#2f9e96 hex color

In a RGB color space, hex #2f9e96 is composed of 18.4% red, 62% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 5.1% yellow and 38% black. It has a hue angle of 175.7 degrees, a saturation of 54.1% and a lightness of 40.2%. #2f9e96 color hex could be obtained by blending #5effff with #003d2d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 62
- B 59
RGB color chart
- C 70
- M 0
- Y 5
- K 38
CMYK color chart

● #2f9e96 color description : Dark cyan.

The hexadecimal color #2f9e96 has RGB values of R:47, G:158, B:150 and CMYK values of C:0.7, M:0, Y:0.05, K:0.38. Its decimal value is 3120790.

Hex triplet	2f9e96	`#2f9e96`
RGB Decimal	47, 158, 150	`rgb(47,158,150)`
RGB Percent	18.4, 62, 58.8	`rgb(18.4%,62%,58.8%)`
CMYK	70, 0, 5, 38
HSL	175.7°, 54.1, 40.2	`hsl(175.7,54.1%,40.2%)`
HSV (or HSB)	175.7°, 70.3, 62
Web Safe	339999	`#339999`

CIE-LAB	59.213, -32.34, -4.825
XYZ	18.902, 27.258, 33.118
xyY	0.238, 0.344, 27.258
CIE-LCH	59.213, 32.698, 188.486
CIE-LUV	59.213, -41.878, -2.262
Hunter-Lab	52.21, -26.741, -1.062
Binary	00101111, 10011110, 10010110

#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#9e2f37
```
#9e2f37 rgb(158,47,55)
```

Complementary Color

#2f9e5e
```
#2f9e5e rgb(47,158,94)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#2f6f9e
```
#2f6f9e rgb(47,111,158)
```

Analogous Color

#9e5e2f
```
#9e5e2f rgb(158,94,47)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#9e2f6f
```
#9e2f6f rgb(158,47,111)
```

Split Complementary Color

#9e962f
```
#9e962f rgb(158,150,47)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#962f9e
```
#962f9e rgb(150,47,158)
```

Triadic Color

#379e2f
```
#379e2f rgb(55,158,47)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#962f9e
```
#962f9e rgb(150,47,158)
```
#9e2f37
```
#9e2f37 rgb(158,47,55)
```

Tetradic Color

#1d635e
```
#1d635e rgb(29,99,94)
```
#237771
```
#237771 rgb(35,119,113)
```
#298a83
```
#298a83 rgb(41,138,131)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#35b2a9
```
#35b2a9 rgb(53,178,169)
```
#3bc5bb
```
#3bc5bb rgb(59,197,187)
```
#4fcbc2
```
#4fcbc2 rgb(79,203,194)
```

Monochromatic Color

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

#2f9e7a
```
#2f9e7a rgb(47,158,122)
```
#2f9e84
```
#2f9e84 rgb(47,158,132)
```
#2f9e8d
```
#2f9e8d rgb(47,158,141)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#2f9d9e
```
#2f9d9e rgb(47,157,158)
```
#2f949e
```
#2f949e rgb(47,148,158)
```
#2f8a9e
```
#2f8a9e rgb(47,138,158)
```

Similar Colors

Text with hexadecimal color #2f9e96

This text has a font color of #2f9e96.

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

#2f9e96 background color

This paragraph has a background color of #2f9e96.

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

#2f9e96 border color

This element has a border color of #2f9e96.

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

CSS codes

.text {color:#2f9e96;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#071615
```
#071615 rgb(7,22,21)
```
#0b2523
```
#0b2523 rgb(11,37,35)
```
#103432
```
#103432 rgb(16,52,50)
```
#144340
```
#144340 rgb(20,67,64)
```
#19524e
```
#19524e rgb(25,82,78)
```
#1d625d
```
#1d625d rgb(29,98,93)
```
#22716b
```
#22716b rgb(34,113,107)
```
#268079
```
#268079 rgb(38,128,121)
```
#2b8f88
```
#2b8f88 rgb(43,143,136)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#33ada4
```
#33ada4 rgb(51,173,164)
```
#38bcb3
```
#38bcb3 rgb(56,188,179)
```

Shade Color Variation

#41c7bd
```
#41c7bd rgb(65,199,189)
```
#50cbc2
```
#50cbc2 rgb(80,203,194)
```
#60d0c7
```
#60d0c7 rgb(96,208,199)
```
#6fd4cd
```
#6fd4cd rgb(111,212,205)
```
#7ed9d2
```
#7ed9d2 rgb(126,217,210)
```
#8dddd7
```
#8dddd7 rgb(141,221,215)
```
#9ce2dd
```
#9ce2dd rgb(156,226,221)
```
#abe6e2
```
#abe6e2 rgb(171,230,226)
```
#baebe7
```
#baebe7 rgb(186,235,231)
```
#c9efec
```
#c9efec rgb(201,239,236)
```
#d8f4f2
```
#d8f4f2 rgb(216,244,242)
```
#e8f8f7
```
#e8f8f7 rgb(232,248,247)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#666767
```
#666767 rgb(102,103,103)
```
#5e6f6e
```
#5e6f6e rgb(94,111,110)
```
#567774
```
#567774 rgb(86,119,116)
```
#4f7e7b
```
#4f7e7b rgb(79,126,123)
```
#478682
```
#478682 rgb(71,134,130)
```
#3f8e89
```
#3f8e89 rgb(63,142,137)
```
#37968f
```
#37968f rgb(55,150,143)
```
#2f9e96
```
#2f9e96 rgb(47,158,150)
```
#27a69d
```
#27a69d rgb(39,166,157)
```
#1faea3
```
#1faea3 rgb(31,174,163)
```
#17b6aa
```
#17b6aa rgb(23,182,170)
```
#0fbeb1
```
#0fbeb1 rgb(15,190,177)
```
#08c5b8
```
#08c5b8 rgb(8,197,184)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d8381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#979393 Protanopia 1% of men
#9b90a2 Deuteranopia 1% of men
#44a0ac Tritanopia 0.001% of the population

Trichromacy

#719794 Protanomaly 1% of men, 0.01% of women
#74959d Deuteranomaly 6% of men, 0.4% of women
#3c9fa4 Tritanomaly 0.01% of the population

#2f9e96 hex color

#2f9e96 Color Information

#2f9e96 Color Conversion

Color Schemes with #2f9e96

Alternatives to #2f9e96

#2f9e96 Preview

Shades and Tints of #2f9e96

Tones of #2f9e96

Color Blindness Simulator