#1f9f96 hex color

In a RGB color space, hex #1f9f96 is composed of 12.2% red, 62.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 5.7% yellow and 37.6% black. It has a hue angle of 175.8 degrees, a saturation of 67.4% and a lightness of 37.3%. #1f9f96 color hex could be obtained by blending #3effff with #003f2d. Closest websafe color is: #339999.

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

● #1f9f96 color description : Dark cyan.

The hexadecimal color #1f9f96 has RGB values of R:31, G:159, B:150 and CMYK values of C:0.81, M:0, Y:0.06, K:0.38. Its decimal value is 2072470.

Hex triplet	1f9f96	`#1f9f96`
RGB Decimal	31, 159, 150	`rgb(31,159,150)`
RGB Percent	12.2, 62.4, 58.8	`rgb(12.2%,62.4%,58.8%)`
CMYK	81, 0, 6, 38
HSL	175.8°, 67.4, 37.3	`hsl(175.8,67.4%,37.3%)`
HSV (or HSB)	175.8°, 80.5, 62.4
Web Safe	339999	`#339999`

CIE-LAB	59.24, -34.718, -4.817
XYZ	18.466, 27.288, 33.146
xyY	0.234, 0.346, 27.288
CIE-LCH	59.24, 35.051, 187.9
CIE-LUV	59.24, -44.464, -1.939
Hunter-Lab	52.238, -28.315, -1.055
Binary	00011111, 10011111, 10010110

#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#9f1f28
```
#9f1f28 rgb(159,31,40)
```

Complementary Color

#1f9f56
```
#1f9f56 rgb(31,159,86)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#1f689f
```
#1f689f rgb(31,104,159)
```

Analogous Color

#9f561f
```
#9f561f rgb(159,86,31)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#9f1f68
```
#9f1f68 rgb(159,31,104)
```

Split Complementary Color

#9f961f
```
#9f961f rgb(159,150,31)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#961f9f
```
#961f9f rgb(150,31,159)
```

Triadic Color

#289f1f
```
#289f1f rgb(40,159,31)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#961f9f
```
#961f9f rgb(150,31,159)
```
#9f1f28
```
#9f1f28 rgb(159,31,40)
```

Tetradic Color

#135f5a
```
#135f5a rgb(19,95,90)
```
#17746e
```
#17746e rgb(23,116,110)
```
#1b8a82
```
#1b8a82 rgb(27,138,130)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#23b4aa
```
#23b4aa rgb(35,180,170)
```
#27cabe
```
#27cabe rgb(39,202,190)
```
#33d7cc
```
#33d7cc rgb(51,215,204)
```

Monochromatic Color

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

#1f9f76
```
#1f9f76 rgb(31,159,118)
```
#1f9f81
```
#1f9f81 rgb(31,159,129)
```
#1f9f8b
```
#1f9f8b rgb(31,159,139)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#1f9d9f
```
#1f9d9f rgb(31,157,159)
```
#1f939f
```
#1f939f rgb(31,147,159)
```
#1f889f
```
#1f889f rgb(31,136,159)
```

Similar Colors

Text with hexadecimal color #1f9f96

This text has a font color of #1f9f96.

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

#1f9f96 background color

This paragraph has a background color of #1f9f96.

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

#1f9f96 border color

This element has a border color of #1f9f96.

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

CSS codes

.text {color:#1f9f96;}

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

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

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, #020b0b is the darkest color, while #fafefe is the lightest one.

#020b0b
```
#020b0b rgb(2,11,11)
```
#051c1a
```
#051c1a rgb(5,28,26)
```
#092c2a
```
#092c2a rgb(9,44,42)
```
#0c3d39
```
#0c3d39 rgb(12,61,57)
```
#0f4d49
```
#0f4d49 rgb(15,77,73)
```
#125d58
```
#125d58 rgb(18,93,88)
```
#156e68
```
#156e68 rgb(21,110,104)
```
#197e77
```
#197e77 rgb(25,126,119)
```
#1c8f87
```
#1c8f87 rgb(28,143,135)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#22afa5
```
#22afa5 rgb(34,175,165)
```
#25c0b5
```
#25c0b5 rgb(37,192,181)
```
#29d0c4
```
#29d0c4 rgb(41,208,196)
```

Shade Color Variation

#35d8cc
```
#35d8cc rgb(53,216,204)
```
#45dbd0
```
#45dbd0 rgb(69,219,208)
```
#56ded4
```
#56ded4 rgb(86,222,212)
```
#66e1d9
```
#66e1d9 rgb(102,225,217)
```
#77e4dd
```
#77e4dd rgb(119,228,221)
```
#87e8e1
```
#87e8e1 rgb(135,232,225)
```
#97ebe5
```
#97ebe5 rgb(151,235,229)
```
#a8eee9
```
#a8eee9 rgb(168,238,233)
```
#b8f1ed
```
#b8f1ed rgb(184,241,237)
```
#c9f4f1
```
#c9f4f1 rgb(201,244,241)
```
#d9f8f5
```
#d9f8f5 rgb(217,248,245)
```
#e9fbfa
```
#e9fbfa rgb(233,251,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#596564
```
#596564 rgb(89,101,100)
```
#526c6a
```
#526c6a rgb(82,108,106)
```
#4b7370
```
#4b7370 rgb(75,115,112)
```
#447a77
```
#447a77 rgb(68,122,119)
```
#3c827d
```
#3c827d rgb(60,130,125)
```
#358983
```
#358983 rgb(53,137,131)
```
#2e9089
```
#2e9089 rgb(46,144,137)
```
#269890
```
#269890 rgb(38,152,144)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#10aea3
```
#10aea3 rgb(16,174,163)
```
#09b5a9
```
#09b5a9 rgb(9,181,169)
```
#02bcaf
```
#02bcaf rgb(2,188,175)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#66807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#979392 Protanopia 1% of men
#9b90a2 Deuteranopia 1% of men
#3aa1ad Tritanopia 0.001% of the population

Trichromacy

#6b9793 Protanomaly 1% of men, 0.01% of women
#6e959d Deuteranomaly 6% of men, 0.4% of women
#30a0a4 Tritanomaly 0.01% of the population

#1f9f96 hex color

#1f9f96 Color Information

#1f9f96 Color Conversion

Color Schemes with #1f9f96

Alternatives to #1f9f96

#1f9f96 Preview

Shades and Tints of #1f9f96

Tones of #1f9f96

Color Blindness Simulator