#1f7e74 hex color

In a RGB color space, hex #1f7e74 is composed of 12.2% red, 49.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 7.9% yellow and 50.6% black. It has a hue angle of 173.7 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f7e74 color hex could be obtained by blending #3efce8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 49
- B 45
RGB color chart
- C 75
- M 0
- Y 8
- K 51
CMYK color chart

● #1f7e74 color description : Dark cyan.

The hexadecimal color #1f7e74 has RGB values of R:31, G:126, B:116 and CMYK values of C:0.75, M:0, Y:0.08, K:0.51. Its decimal value is 2063988.

Hex triplet	1f7e74	`#1f7e74`
RGB Decimal	31, 126, 116	`rgb(31,126,116)`
RGB Percent	12.2, 49.4, 45.5	`rgb(12.2%,49.4%,45.5%)`
CMYK	75, 0, 8, 51
HSL	173.7°, 60.5, 30.8	`hsl(173.7,60.5%,30.8%)`
HSV (or HSB)	173.7°, 75.4, 49.4
Web Safe	336666	`#336666`

CIE-LAB	47.589, -29.126, -2.346
XYZ	11.177, 16.473, 19.113
xyY	0.239, 0.352, 16.473
CIE-LCH	47.589, 29.22, 184.606
CIE-LUV	47.589, -34.756, 0.873
Hunter-Lab	40.587, -21.87, 0.491
Binary	00011111, 01111110, 01110100

#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#7e1f29
```
#7e1f29 rgb(126,31,41)
```

Complementary Color

#1f7e45
```
#1f7e45 rgb(31,126,69)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#1f597e
```
#1f597e rgb(31,89,126)
```

Analogous Color

#7e451f
```
#7e451f rgb(126,69,31)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#7e1f59
```
#7e1f59 rgb(126,31,89)
```

Split Complementary Color

#7e741f
```
#7e741f rgb(126,116,31)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#741f7e
```
#741f7e rgb(116,31,126)
```

Triadic Color

#297e1f
```
#297e1f rgb(41,126,31)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#741f7e
```
#741f7e rgb(116,31,126)
```
#7e1f29
```
#7e1f29 rgb(126,31,41)
```

Tetradic Color

#10413b
```
#10413b rgb(16,65,59)
```
#15554e
```
#15554e rgb(21,85,78)
```
#1a6a61
```
#1a6a61 rgb(26,106,97)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#249287
```
#249287 rgb(36,146,135)
```
#29a79a
```
#29a79a rgb(41,167,154)
```
#2ebbad
```
#2ebbad rgb(46,187,173)
```

Monochromatic Color

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

#1f7e5c
```
#1f7e5c rgb(31,126,92)
```
#1f7e64
```
#1f7e64 rgb(31,126,100)
```
#1f7e6c
```
#1f7e6c rgb(31,126,108)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#1f7e7c
```
#1f7e7c rgb(31,126,124)
```
#1f787e
```
#1f787e rgb(31,120,126)
```
#1f707e
```
#1f707e rgb(31,112,126)
```

Similar Colors

Text with hexadecimal color #1f7e74

This text has a font color of #1f7e74.

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

#1f7e74 background color

This paragraph has a background color of #1f7e74.

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

#1f7e74 border color

This element has a border color of #1f7e74.

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

CSS codes

.text {color:#1f7e74;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100f
```
#04100f rgb(4,16,15)
```
#08201d
```
#08201d rgb(8,32,29)
```
#0c2f2c
```
#0c2f2c rgb(12,47,44)
```
#103f3a
```
#103f3a rgb(16,63,58)
```
#134f49
```
#134f49 rgb(19,79,73)
```
#175f57
```
#175f57 rgb(23,95,87)
```
#1b6e66
```
#1b6e66 rgb(27,110,102)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#238e82
```
#238e82 rgb(35,142,130)
```
#279d91
```
#279d91 rgb(39,157,145)
```
#2bad9f
```
#2bad9f rgb(43,173,159)
```
#2ebdae
```
#2ebdae rgb(46,189,174)
```

Shade Color Variation

#32cdbc
```
#32cdbc rgb(50,205,188)
```
#42d1c2
```
#42d1c2 rgb(66,209,194)
```
#52d4c7
```
#52d4c7 rgb(82,212,199)
```
#62d8cc
```
#62d8cc rgb(98,216,204)
```
#71dcd1
```
#71dcd1 rgb(113,220,209)
```
#81e0d6
```
#81e0d6 rgb(129,224,214)
```
#91e4db
```
#91e4db rgb(145,228,219)
```
#a1e8e0
```
#a1e8e0 rgb(161,232,224)
```
#b0ece5
```
#b0ece5 rgb(176,236,229)
```
#c0f0eb
```
#c0f0eb rgb(192,240,235)
```
#d0f3f0
```
#d0f3f0 rgb(208,243,240)
```
#e0f7f5
```
#e0f7f5 rgb(224,247,245)
```
#effbfa
```
#effbfa rgb(239,251,250)
```

Tint Color Variation

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

#495453
```
#495453 rgb(73,84,83)
```
#435a57
```
#435a57 rgb(67,90,87)
```
#3d605c
```
#3d605c rgb(61,96,92)
```
#376661
```
#376661 rgb(55,102,97)
```
#316c66
```
#316c66 rgb(49,108,102)
```
#2b726a
```
#2b726a rgb(43,114,106)
```
#25786f
```
#25786f rgb(37,120,111)
```
#1f7e74
```
#1f7e74 rgb(31,126,116)
```
#198479
```
#198479 rgb(25,132,121)
```
#138a7e
```
#138a7e rgb(19,138,126)
```
#0d9082
```
#0d9082 rgb(13,144,130)
```
#079687
```
#079687 rgb(7,150,135)
```
#019c8c
```
#019c8c rgb(1,156,140)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#536664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7774 Protanopia 1% of men
#7f7580 Deuteranopia 1% of men
#36828b Tritanopia 0.001% of the population

Trichromacy

#597a74 Protanomaly 1% of men, 0.01% of women
#5c787c Deuteranomaly 6% of men, 0.4% of women
#2d8083 Tritanomaly 0.01% of the population

#1f7e74 hex color

#1f7e74 Color Information

#1f7e74 Color Conversion

Color Schemes with #1f7e74

Alternatives to #1f7e74

#1f7e74 Preview

Shades and Tints of #1f7e74

Tones of #1f7e74

Color Blindness Simulator