#1f8680 hex color

In a RGB color space, hex #1f8680 is composed of 12.2% red, 52.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 4.5% yellow and 47.5% black. It has a hue angle of 176.5 degrees, a saturation of 62.4% and a lightness of 32.4%. #1f8680 color hex could be obtained by blending #3effff with #000d01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 53
- B 50
RGB color chart
- C 77
- M 0
- Y 4
- K 47
CMYK color chart

● #1f8680 color description : Dark cyan.

The hexadecimal color #1f8680 has RGB values of R:31, G:134, B:128 and CMYK values of C:0.77, M:0, Y:0.04, K:0.47. Its decimal value is 2066048.

Hex triplet	1f8680	`#1f8680`
RGB Decimal	31, 134, 128	`rgb(31,134,128)`
RGB Percent	12.2, 52.5, 50.2	`rgb(12.2%,52.5%,50.2%)`
CMYK	77, 0, 4, 47
HSL	176.5°, 62.4, 32.4	`hsl(176.5,62.4%,32.4%)`
HSV (or HSB)	176.5°, 76.9, 52.5
Web Safe	339999	`#339999`

CIE-LAB	50.569, -29.416, -4.998
XYZ	12.985, 18.899, 23.384
xyY	0.235, 0.342, 18.899
CIE-LCH	50.569, 29.837, 189.642
CIE-LUV	50.569, -36.922, -2.891
Hunter-Lab	43.473, -22.76, -1.462
Binary	00011111, 10000110, 10000000

#1f8680
```
#1f8680 rgb(31,134,128)
```
#861f25
```
#861f25 rgb(134,31,37)
```

Complementary Color

#1f864d
```
#1f864d rgb(31,134,77)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#1f5986
```
#1f5986 rgb(31,89,134)
```

Analogous Color

#864d1f
```
#864d1f rgb(134,77,31)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#861f59
```
#861f59 rgb(134,31,89)
```

Split Complementary Color

#86801f
```
#86801f rgb(134,128,31)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#801f86
```
#801f86 rgb(128,31,134)
```

Triadic Color

#25861f
```
#25861f rgb(37,134,31)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#801f86
```
#801f86 rgb(128,31,134)
```
#861f25
```
#861f25 rgb(134,31,37)
```

Tetradic Color

#114845
```
#114845 rgb(17,72,69)
```
#155d58
```
#155d58 rgb(21,93,88)
```
#1a716c
```
#1a716c rgb(26,113,108)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#249b94
```
#249b94 rgb(36,155,148)
```
#29afa8
```
#29afa8 rgb(41,175,168)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```

Monochromatic Color

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

#1f8666
```
#1f8666 rgb(31,134,102)
```
#1f866f
```
#1f866f rgb(31,134,111)
```
#1f8677
```
#1f8677 rgb(31,134,119)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#1f8386
```
#1f8386 rgb(31,131,134)
```
#1f7b86
```
#1f7b86 rgb(31,123,134)
```
#1f7286
```
#1f7286 rgb(31,114,134)
```

Similar Colors

Text with hexadecimal color #1f8680

This text has a font color of #1f8680.

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

#1f8680 background color

This paragraph has a background color of #1f8680.

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

#1f8680 border color

This element has a border color of #1f8680.

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

CSS codes

.text {color:#1f8680;}

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

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

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 #f6fdfc is the lightest one.

#020706
```
#020706 rgb(2,7,6)
```
#051615
```
#051615 rgb(5,22,21)
```
#092625
```
#092625 rgb(9,38,37)
```
#0d3634
```
#0d3634 rgb(13,54,52)
```
#104643
```
#104643 rgb(16,70,67)
```
#145652
```
#145652 rgb(20,86,82)
```
#186662
```
#186662 rgb(24,102,98)
```
#1b7671
```
#1b7671 rgb(27,118,113)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#23968f
```
#23968f rgb(35,150,143)
```
#26a69e
```
#26a69e rgb(38,166,158)
```
#2ab6ae
```
#2ab6ae rgb(42,182,174)
```
#2ec6bd
```
#2ec6bd rgb(46,198,189)
```

Shade Color Variation

#36d1c8
```
#36d1c8 rgb(54,209,200)
```
#46d4cc
```
#46d4cc rgb(70,212,204)
```
#56d8d0
```
#56d8d0 rgb(86,216,208)
```
#66dcd5
```
#66dcd5 rgb(102,220,213)
```
#76dfd9
```
#76dfd9 rgb(118,223,217)
```
#86e3de
```
#86e3de rgb(134,227,222)
```
#96e7e2
```
#96e7e2 rgb(150,231,226)
```
#a6eae6
```
#a6eae6 rgb(166,234,230)
```
#b6eeeb
```
#b6eeeb rgb(182,238,235)
```
#c6f2ef
```
#c6f2ef rgb(198,242,239)
```
#d6f5f4
```
#d6f5f4 rgb(214,245,244)
```
#e6f9f8
```
#e6f9f8 rgb(230,249,248)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#525353
```
#525353 rgb(82,83,83)
```
#4b5a59
```
#4b5a59 rgb(75,90,89)
```
#45605e
```
#45605e rgb(69,96,94)
```
#3f6664
```
#3f6664 rgb(63,102,100)
```
#386d6a
```
#386d6a rgb(56,109,106)
```
#32736f
```
#32736f rgb(50,115,111)
```
#2c7975
```
#2c7975 rgb(44,121,117)
```
#25807a
```
#25807a rgb(37,128,122)
```
#1f8680
```
#1f8680 rgb(31,134,128)
```
#198c86
```
#198c86 rgb(25,140,134)
```
#12938b
```
#12938b rgb(18,147,139)
```
#0c9991
```
#0c9991 rgb(12,153,145)
```
#069f96
```
#069f96 rgb(6,159,150)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#817e7f Protanopia 1% of men
#847c8c Deuteranopia 1% of men
#358a94 Tritanopia 0.001% of the population

Trichromacy

#5d817f Protanomaly 1% of men, 0.01% of women
#5f7f87 Deuteranomaly 6% of men, 0.4% of women
#2d888c Tritanomaly 0.01% of the population

#1f8680 hex color

#1f8680 Color Information

#1f8680 Color Conversion

Color Schemes with #1f8680

Alternatives to #1f8680

#1f8680 Preview

Shades and Tints of #1f8680

Tones of #1f8680

Color Blindness Simulator