#1f7f74 hex color

In a RGB color space, hex #1f7f74 is composed of 12.2% red, 49.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 0% magenta, 8.7% yellow and 50.2% black. It has a hue angle of 173.1 degrees, a saturation of 60.8% and a lightness of 31%. #1f7f74 color hex could be obtained by blending #3efee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 50
- B 45
RGB color chart
- C 76
- M 0
- Y 9
- K 50
CMYK color chart

● #1f7f74 color description : Dark cyan.

The hexadecimal color #1f7f74 has RGB values of R:31, G:127, B:116 and CMYK values of C:0.76, M:0, Y:0.09, K:0.5. Its decimal value is 2064244.

Hex triplet	1f7f74	`#1f7f74`
RGB Decimal	31, 127, 116	`rgb(31,127,116)`
RGB Percent	12.2, 49.8, 45.5	`rgb(12.2%,49.8%,45.5%)`
CMYK	76, 0, 9, 50
HSL	173.1°, 60.8, 31	`hsl(173.1,60.8%,31%)`
HSV (or HSB)	173.1°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	47.918, -29.609, -1.863
XYZ	11.306, 16.73, 19.155
xyY	0.24, 0.355, 16.73
CIE-LCH	47.918, 29.667, 183.6
CIE-LUV	47.918, -35.13, 1.622
Hunter-Lab	40.902, -22.24, 0.865
Binary	00011111, 01111111, 01110100

#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#7f1f2a
```
#7f1f2a rgb(127,31,42)
```

Complementary Color

#1f7f44
```
#1f7f44 rgb(31,127,68)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#1f5a7f
```
#1f5a7f rgb(31,90,127)
```

Analogous Color

#7f441f
```
#7f441f rgb(127,68,31)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#7f1f5a
```
#7f1f5a rgb(127,31,90)
```

Split Complementary Color

#7f741f
```
#7f741f rgb(127,116,31)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#741f7f
```
#741f7f rgb(116,31,127)
```

Triadic Color

#2a7f1f
```
#2a7f1f rgb(42,127,31)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#741f7f
```
#741f7f rgb(116,31,127)
```
#7f1f2a
```
#7f1f2a rgb(127,31,42)
```

Tetradic Color

#10423c
```
#10423c rgb(16,66,60)
```
#15564f
```
#15564f rgb(21,86,79)
```
#1a6b61
```
#1a6b61 rgb(26,107,97)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#249387
```
#249387 rgb(36,147,135)
```
#29a899
```
#29a899 rgb(41,168,153)
```
#2ebcac
```
#2ebcac rgb(46,188,172)
```

Monochromatic Color

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

#1f7f5c
```
#1f7f5c rgb(31,127,92)
```
#1f7f64
```
#1f7f64 rgb(31,127,100)
```
#1f7f6c
```
#1f7f6c rgb(31,127,108)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#1f7f7c
```
#1f7f7c rgb(31,127,124)
```
#1f7a7f
```
#1f7a7f rgb(31,122,127)
```
#1f727f
```
#1f727f rgb(31,114,127)
```

Similar Colors

Text with hexadecimal color #1f7f74

This text has a font color of #1f7f74.

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

#1f7f74 background color

This paragraph has a background color of #1f7f74.

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

#1f7f74 border color

This element has a border color of #1f7f74.

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

CSS codes

.text {color:#1f7f74;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110f
```
#04110f rgb(4,17,15)
```
#08201e
```
#08201e rgb(8,32,30)
```
#0c302c
```
#0c302c rgb(12,48,44)
```
#10403a
```
#10403a rgb(16,64,58)
```
#135049
```
#135049 rgb(19,80,73)
```
#175f57
```
#175f57 rgb(23,95,87)
```
#1b6f66
```
#1b6f66 rgb(27,111,102)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#238f82
```
#238f82 rgb(35,143,130)
```
#279f91
```
#279f91 rgb(39,159,145)
```
#2bae9f
```
#2bae9f rgb(43,174,159)
```
#2ebeae
```
#2ebeae rgb(46,190,174)
```

Shade Color Variation

#33cdbc
```
#33cdbc rgb(51,205,188)
```
#43d1c1
```
#43d1c1 rgb(67,209,193)
```
#52d5c6
```
#52d5c6 rgb(82,213,198)
```
#62d9cb
```
#62d9cb rgb(98,217,203)
```
#72ddd0
```
#72ddd0 rgb(114,221,208)
```
#82e0d6
```
#82e0d6 rgb(130,224,214)
```
#91e4db
```
#91e4db rgb(145,228,219)
```
#a1e8e0
```
#a1e8e0 rgb(161,232,224)
```
#b1ece5
```
#b1ece5 rgb(177,236,229)
```
#c1f0ea
```
#c1f0ea rgb(193,240,234)
```
#d1f4f0
```
#d1f4f0 rgb(209,244,240)
```
#e0f8f5
```
#e0f8f5 rgb(224,248,245)
```
#f0fbfa
```
#f0fbfa rgb(240,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5453 is the less saturated color, while #019d8b is the most saturated one.

#4a5453
```
#4a5453 rgb(74,84,83)
```
#435b58
```
#435b58 rgb(67,91,88)
```
#3d615d
```
#3d615d rgb(61,97,93)
```
#376761
```
#376761 rgb(55,103,97)
```
#316d66
```
#316d66 rgb(49,109,102)
```
#2b736b
```
#2b736b rgb(43,115,107)
```
#25796f
```
#25796f rgb(37,121,111)
```
#1f7f74
```
#1f7f74 rgb(31,127,116)
```
#198579
```
#198579 rgb(25,133,121)
```
#138b7d
```
#138b7d rgb(19,139,125)
```
#0d9182
```
#0d9182 rgb(13,145,130)
```
#079787
```
#079787 rgb(7,151,135)
```
#019d8b
```
#019d8b rgb(1,157,139)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#546765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7874 Protanopia 1% of men
#807580 Deuteranopia 1% of men
#36838c Tritanopia 0.001% of the population

Trichromacy

#5a7a74 Protanomaly 1% of men, 0.01% of women
#5d797c Deuteranomaly 6% of men, 0.4% of women
#2e8183 Tritanomaly 0.01% of the population

#1f7f74 hex color

#1f7f74 Color Information

#1f7f74 Color Conversion

Color Schemes with #1f7f74

Alternatives to #1f7f74

#1f7f74 Preview

Shades and Tints of #1f7f74

Tones of #1f7f74

Color Blindness Simulator