#1f8580 hex color

In a RGB color space, hex #1f8580 is composed of 12.2% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 177.1 degrees, a saturation of 62.2% and a lightness of 32.2%. #1f8580 color hex could be obtained by blending #3effff with #000b01. Closest websafe color is: #339999.

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

● #1f8580 color description : Dark cyan.

The hexadecimal color #1f8580 has RGB values of R:31, G:133, B:128 and CMYK values of C:0.77, M:0, Y:0.04, K:0.48. Its decimal value is 2065792.

Hex triplet	1f8580	`#1f8580`
RGB Decimal	31, 133, 128	`rgb(31,133,128)`
RGB Percent	12.2, 52.2, 50.2	`rgb(12.2%,52.2%,50.2%)`
CMYK	77, 0, 4, 48
HSL	177.1°, 62.2, 32.2	`hsl(177.1,62.2%,32.2%)`
HSV (or HSB)	177.1°, 76.7, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.244, -28.929, -5.479
XYZ	12.848, 18.624, 23.338
xyY	0.234, 0.34, 18.624
CIE-LCH	50.244, 29.444, 190.724
CIE-LUV	50.244, -36.553, -3.655
Hunter-Lab	43.155, -22.381, -1.856
Binary	00011111, 10000101, 10000000

#1f8580
```
#1f8580 rgb(31,133,128)
```
#851f24
```
#851f24 rgb(133,31,36)
```

Complementary Color

#1f854d
```
#1f854d rgb(31,133,77)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#1f5785
```
#1f5785 rgb(31,87,133)
```

Analogous Color

#854d1f
```
#854d1f rgb(133,77,31)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#851f57
```
#851f57 rgb(133,31,87)
```

Split Complementary Color

#85801f
```
#85801f rgb(133,128,31)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#801f85
```
#801f85 rgb(128,31,133)
```

Triadic Color

#24851f
```
#24851f rgb(36,133,31)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#801f85
```
#801f85 rgb(128,31,133)
```
#851f24
```
#851f24 rgb(133,31,36)
```

Tetradic Color

#114744
```
#114744 rgb(17,71,68)
```
#155c58
```
#155c58 rgb(21,92,88)
```
#1a706c
```
#1a706c rgb(26,112,108)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#249a94
```
#249a94 rgb(36,154,148)
```
#29aea8
```
#29aea8 rgb(41,174,168)
```
#2dc3bc
```
#2dc3bc rgb(45,195,188)
```

Monochromatic Color

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

#1f8567
```
#1f8567 rgb(31,133,103)
```
#1f856f
```
#1f856f rgb(31,133,111)
```
#1f8578
```
#1f8578 rgb(31,133,120)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#1f8285
```
#1f8285 rgb(31,130,133)
```
#1f7985
```
#1f7985 rgb(31,121,133)
```
#1f7185
```
#1f7185 rgb(31,113,133)
```

Similar Colors

Text with hexadecimal color #1f8580

This text has a font color of #1f8580.

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

#1f8580 background color

This paragraph has a background color of #1f8580.

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

#1f8580 border color

This element has a border color of #1f8580.

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

CSS codes

.text {color:#1f8580;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#051615
```
#051615 rgb(5,22,21)
```
#092624
```
#092624 rgb(9,38,36)
```
#0c3533
```
#0c3533 rgb(12,53,51)
```
#104543
```
#104543 rgb(16,69,67)
```
#145552
```
#145552 rgb(20,85,82)
```
#186561
```
#186561 rgb(24,101,97)
```
#1b7571
```
#1b7571 rgb(27,117,113)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#23958f
```
#23958f rgb(35,149,143)
```
#26a59f
```
#26a59f rgb(38,165,159)
```
#2ab5ae
```
#2ab5ae rgb(42,181,174)
```
#2ec5bd
```
#2ec5bd rgb(46,197,189)
```

Shade Color Variation

#36d0c9
```
#36d0c9 rgb(54,208,201)
```
#46d4cd
```
#46d4cd rgb(70,212,205)
```
#56d8d1
```
#56d8d1 rgb(86,216,209)
```
#66dbd5
```
#66dbd5 rgb(102,219,213)
```
#76dfda
```
#76dfda rgb(118,223,218)
```
#85e3de
```
#85e3de rgb(133,227,222)
```
#95e6e2
```
#95e6e2 rgb(149,230,226)
```
#a5eae7
```
#a5eae7 rgb(165,234,231)
```
#b5eeeb
```
#b5eeeb rgb(181,238,235)
```
#c5f2ef
```
#c5f2ef rgb(197,242,239)
```
#d5f5f4
```
#d5f5f4 rgb(213,245,244)
```
#e5f9f8
```
#e5f9f8 rgb(229,249,248)
```
#f5fdfc
```
#f5fdfc rgb(245,253,252)
```

Tint Color Variation

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

#515352
```
#515352 rgb(81,83,82)
```
#4b5958
```
#4b5958 rgb(75,89,88)
```
#455f5e
```
#455f5e rgb(69,95,94)
```
#3f6564
```
#3f6564 rgb(63,101,100)
```
#386c69
```
#386c69 rgb(56,108,105)
```
#32726f
```
#32726f rgb(50,114,111)
```
#2c7875
```
#2c7875 rgb(44,120,117)
```
#257f7a
```
#257f7a rgb(37,127,122)
```
#1f8580
```
#1f8580 rgb(31,133,128)
```
#198b86
```
#198b86 rgb(25,139,134)
```
#12928b
```
#12928b rgb(18,146,139)
```
#0c9891
```
#0c9891 rgb(12,152,145)
```
#069e97
```
#069e97 rgb(6,158,151)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#807d7f Protanopia 1% of men
#837b8c Deuteranopia 1% of men
#348993 Tritanopia 0.001% of the population

Trichromacy

#5c807f Protanomaly 1% of men, 0.01% of women
#5f7e87 Deuteranomaly 6% of men, 0.4% of women
#2c878c Tritanomaly 0.01% of the population

#1f8580 hex color

#1f8580 Color Information

#1f8580 Color Conversion

Color Schemes with #1f8580

Alternatives to #1f8580

#1f8580 Preview

Shades and Tints of #1f8580

Tones of #1f8580

Color Blindness Simulator