#2f9f96 hex color

In a RGB color space, hex #2f9f96 is composed of 18.4% red, 62.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 5.7% yellow and 37.6% black. It has a hue angle of 175.2 degrees, a saturation of 54.4% and a lightness of 40.4%. #2f9f96 color hex could be obtained by blending #5effff with #003f2d. Closest websafe color is: #339999.

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

● #2f9f96 color description : Dark cyan.

The hexadecimal color #2f9f96 has RGB values of R:47, G:159, B:150 and CMYK values of C:0.7, M:0, Y:0.06, K:0.38. Its decimal value is 3121046.

Hex triplet	2f9f96	`#2f9f96`
RGB Decimal	47, 159, 150	`rgb(47,159,150)`
RGB Percent	18.4, 62.4, 58.8	`rgb(18.4%,62.4%,58.8%)`
CMYK	70, 0, 6, 38
HSL	175.2°, 54.4, 40.4	`hsl(175.2,54.4%,40.4%)`
HSV (or HSB)	175.2°, 70.4, 62.4
Web Safe	339999	`#339999`

CIE-LAB	59.526, -32.814, -4.362
XYZ	19.074, 27.601, 33.175
xyY	0.239, 0.346, 27.601
CIE-LCH	59.526, 33.103, 187.571
CIE-LUV	59.526, -42.247, -1.501
Hunter-Lab	52.537, -27.134, -0.664
Binary	00101111, 10011111, 10010110

#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#9f2f38
```
#9f2f38 rgb(159,47,56)
```

Complementary Color

#2f9f5e
```
#2f9f5e rgb(47,159,94)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#2f709f
```
#2f709f rgb(47,112,159)
```

Analogous Color

#9f5e2f
```
#9f5e2f rgb(159,94,47)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#9f2f70
```
#9f2f70 rgb(159,47,112)
```

Split Complementary Color

#9f962f
```
#9f962f rgb(159,150,47)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#962f9f
```
#962f9f rgb(150,47,159)
```

Triadic Color

#389f2f
```
#389f2f rgb(56,159,47)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#962f9f
```
#962f9f rgb(150,47,159)
```
#9f2f38
```
#9f2f38 rgb(159,47,56)
```

Tetradic Color

#1e645e
```
#1e645e rgb(30,100,94)
```
#237871
```
#237871 rgb(35,120,113)
```
#298b83
```
#298b83 rgb(41,139,131)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#35b3a9
```
#35b3a9 rgb(53,179,169)
```
#3cc5ba
```
#3cc5ba rgb(60,197,186)
```
#4fcbc1
```
#4fcbc1 rgb(79,203,193)
```

Monochromatic Color

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

#2f9f7a
```
#2f9f7a rgb(47,159,122)
```
#2f9f83
```
#2f9f83 rgb(47,159,131)
```
#2f9f8d
```
#2f9f8d rgb(47,159,141)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#2f9f9f
```
#2f9f9f rgb(47,159,159)
```
#2f959f
```
#2f959f rgb(47,149,159)
```
#2f8c9f
```
#2f8c9f rgb(47,140,159)
```

Similar Colors

Text with hexadecimal color #2f9f96

This text has a font color of #2f9f96.

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

#2f9f96 background color

This paragraph has a background color of #2f9f96.

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

#2f9f96 border color

This element has a border color of #2f9f96.

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

CSS codes

.text {color:#2f9f96;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#071715
```
#071715 rgb(7,23,21)
```
#0b2624
```
#0b2624 rgb(11,38,36)
```
#103532
```
#103532 rgb(16,53,50)
```
#144440
```
#144440 rgb(20,68,64)
```
#19534f
```
#19534f rgb(25,83,79)
```
#1d625d
```
#1d625d rgb(29,98,93)
```
#22726b
```
#22726b rgb(34,114,107)
```
#268179
```
#268179 rgb(38,129,121)
```
#2b9088
```
#2b9088 rgb(43,144,136)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#33aea4
```
#33aea4 rgb(51,174,164)
```
#38bdb3
```
#38bdb3 rgb(56,189,179)
```

Shade Color Variation

#42c7bc
```
#42c7bc rgb(66,199,188)
```
#51ccc2
```
#51ccc2 rgb(81,204,194)
```
#60d0c7
```
#60d0c7 rgb(96,208,199)
```
#6fd4cc
```
#6fd4cc rgb(111,212,204)
```
#7ed9d2
```
#7ed9d2 rgb(126,217,210)
```
#8dddd7
```
#8dddd7 rgb(141,221,215)
```
#9de2dc
```
#9de2dc rgb(157,226,220)
```
#ace6e2
```
#ace6e2 rgb(172,230,226)
```
#bbebe7
```
#bbebe7 rgb(187,235,231)
```
#caefec
```
#caefec rgb(202,239,236)
```
#d9f4f2
```
#d9f4f2 rgb(217,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, #666867 is the less saturated color, while #07c7b7 is the most saturated one.

#666867
```
#666867 rgb(102,104,103)
```
#5f6f6e
```
#5f6f6e rgb(95,111,110)
```
#577775
```
#577775 rgb(87,119,117)
```
#4f7f7b
```
#4f7f7b rgb(79,127,123)
```
#478782
```
#478782 rgb(71,135,130)
```
#3f8f89
```
#3f8f89 rgb(63,143,137)
```
#37978f
```
#37978f rgb(55,151,143)
```
#2f9f96
```
#2f9f96 rgb(47,159,150)
```
#27a79d
```
#27a79d rgb(39,167,157)
```
#1fafa3
```
#1fafa3 rgb(31,175,163)
```
#17b7aa
```
#17b7aa rgb(23,183,170)
```
#0fbfb1
```
#0fbfb1 rgb(15,191,177)
```
#07c7b7
```
#07c7b7 rgb(7,199,183)
```

Tone Color Variation

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

#989493 Protanopia 1% of men
#9c91a2 Deuteranopia 1% of men
#45a1ad Tritanopia 0.001% of the population

Trichromacy

#719894 Protanomaly 1% of men, 0.01% of women
#74969d Deuteranomaly 6% of men, 0.4% of women
#3da0a4 Tritanomaly 0.01% of the population

#2f9f96 hex color

#2f9f96 Color Information

#2f9f96 Color Conversion

Color Schemes with #2f9f96

Alternatives to #2f9f96

#2f9f96 Preview

Shades and Tints of #2f9f96

Tones of #2f9f96

Color Blindness Simulator