#1f9686 hex color

In a RGB color space, hex #1f9686 is composed of 12.2% red, 58.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 0% magenta, 10.7% yellow and 41.2% black. It has a hue angle of 171.9 degrees, a saturation of 65.7% and a lightness of 35.5%. #1f9686 color hex could be obtained by blending #3effff with #002d0d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 59
- B 53
RGB color chart
- C 79
- M 0
- Y 11
- K 41
CMYK color chart

● #1f9686 color description : Dark cyan.

The hexadecimal color #1f9686 has RGB values of R:31, G:150, B:134 and CMYK values of C:0.79, M:0, Y:0.11, K:0.41. Its decimal value is 2070150.

Hex triplet	1f9686	`#1f9686`
RGB Decimal	31, 150, 134	`rgb(31,150,134)`
RGB Percent	12.2, 58.8, 52.5	`rgb(12.2%,58.8%,52.5%)`
CMYK	79, 0, 11, 41
HSL	171.9°, 65.7, 35.5	`hsl(171.9,65.7%,35.5%)`
HSV (or HSB)	171.9°, 79.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	55.911, -35.195, -0.603
XYZ	15.773, 23.824, 26.32
xyY	0.239, 0.361, 23.824
CIE-LCH	55.911, 35.2, 180.981
CIE-LUV	55.911, -42.362, 4.315
Hunter-Lab	48.81, -27.733, 2.195
Binary	00011111, 10010110, 10000110

#1f9686
```
#1f9686 rgb(31,150,134)
```
#961f2f
```
#961f2f rgb(150,31,47)
```

Complementary Color

#1f964b
```
#1f964b rgb(31,150,75)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#1f6b96
```
#1f6b96 rgb(31,107,150)
```

Analogous Color

#964b1f
```
#964b1f rgb(150,75,31)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#961f6b
```
#961f6b rgb(150,31,107)
```

Split Complementary Color

#96861f
```
#96861f rgb(150,134,31)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#861f96
```
#861f96 rgb(134,31,150)
```

Triadic Color

#2f961f
```
#2f961f rgb(47,150,31)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#861f96
```
#861f96 rgb(134,31,150)
```
#961f2f
```
#961f2f rgb(150,31,47)
```

Tetradic Color

#12574d
```
#12574d rgb(18,87,77)
```
#166c60
```
#166c60 rgb(22,108,96)
```
#1b8173
```
#1b8173 rgb(27,129,115)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#23ab99
```
#23ab99 rgb(35,171,153)
```
#28c0ac
```
#28c0ac rgb(40,192,172)
```
#2ed4bd
```
#2ed4bd rgb(46,212,189)
```

Monochromatic Color

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

#1f9668
```
#1f9668 rgb(31,150,104)
```
#1f9672
```
#1f9672 rgb(31,150,114)
```
#1f967c
```
#1f967c rgb(31,150,124)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#1f9690
```
#1f9690 rgb(31,150,144)
```
#1f9296
```
#1f9296 rgb(31,146,150)
```
#1f8896
```
#1f8896 rgb(31,136,150)
```

Similar Colors

Text with hexadecimal color #1f9686

This text has a font color of #1f9686.

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

#1f9686 background color

This paragraph has a background color of #1f9686.

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

#1f9686 border color

This element has a border color of #1f9686.

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

CSS codes

.text {color:#1f9686;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#041412
```
#041412 rgb(4,20,18)
```
#072420
```
#072420 rgb(7,36,32)
```
#0b342f
```
#0b342f rgb(11,52,47)
```
#0e453d
```
#0e453d rgb(14,69,61)
```
#12554c
```
#12554c rgb(18,85,76)
```
#15655a
```
#15655a rgb(21,101,90)
```
#187569
```
#187569 rgb(24,117,105)
```
#1c8677
```
#1c8677 rgb(28,134,119)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#22a695
```
#22a695 rgb(34,166,149)
```
#26b7a3
```
#26b7a3 rgb(38,183,163)
```
#29c7b2
```
#29c7b2 rgb(41,199,178)
```

Shade Color Variation

#2fd4be
```
#2fd4be rgb(47,212,190)
```
#40d7c3
```
#40d7c3 rgb(64,215,195)
```
#50dbc8
```
#50dbc8 rgb(80,219,200)
```
#60decd
```
#60decd rgb(96,222,205)
```
#70e2d2
```
#70e2d2 rgb(112,226,210)
```
#81e5d7
```
#81e5d7 rgb(129,229,215)
```
#91e8dd
```
#91e8dd rgb(145,232,221)
```
#a1ece2
```
#a1ece2 rgb(161,236,226)
```
#b1efe7
```
#b1efe7 rgb(177,239,231)
```
#c2f2ec
```
#c2f2ec rgb(194,242,236)
```
#d2f6f1
```
#d2f6f1 rgb(210,246,241)
```
#e2f9f6
```
#e2f9f6 rgb(226,249,246)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575e5d is the less saturated color, while #03b29a is the most saturated one.

#575e5d
```
#575e5d rgb(87,94,93)
```
#506562
```
#506562 rgb(80,101,98)
```
#496c67
```
#496c67 rgb(73,108,103)
```
#42736d
```
#42736d rgb(66,115,109)
```
#3b7a72
```
#3b7a72 rgb(59,122,114)
```
#348177
```
#348177 rgb(52,129,119)
```
#2d887c
```
#2d887c rgb(45,136,124)
```
#268f81
```
#268f81 rgb(38,143,129)
```
#1f9686
```
#1f9686 rgb(31,150,134)
```
#189d8b
```
#189d8b rgb(24,157,139)
```
#11a490
```
#11a490 rgb(17,164,144)
```
#0aab95
```
#0aab95 rgb(10,171,149)
```
#03b29a
```
#03b29a rgb(3,178,154)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#617875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908b84 Protanopia 1% of men
#968893 Deuteranopia 1% of men
#3c98a3 Tritanopia 0.001% of the population

Trichromacy

#678f84 Protanomaly 1% of men, 0.01% of women
#6a8d8e Deuteranomaly 6% of men, 0.4% of women
#319798 Tritanomaly 0.01% of the population

#1f9686 hex color

#1f9686 Color Information

#1f9686 Color Conversion

Color Schemes with #1f9686

Alternatives to #1f9686

#1f9686 Preview

Shades and Tints of #1f9686

Tones of #1f9686

Color Blindness Simulator