#1f7e97 hex color

In a RGB color space, hex #1f7e97 is composed of 12.2% red, 49.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 16.6% magenta, 0% yellow and 40.8% black. It has a hue angle of 192.5 degrees, a saturation of 65.9% and a lightness of 35.7%. #1f7e97 color hex could be obtained by blending #3efcff with #00002f. Closest websafe color is: #336699.

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

● #1f7e97 color description : Dark cyan.

The hexadecimal color #1f7e97 has RGB values of R:31, G:126, B:151 and CMYK values of C:0.79, M:0.17, Y:0, K:0.41. Its decimal value is 2064023.

Hex triplet	1f7e97	`#1f7e97`
RGB Decimal	31, 126, 151	`rgb(31,126,151)`
RGB Percent	12.2, 49.4, 59.2	`rgb(12.2%,49.4%,59.2%)`
CMYK	79, 17, 0, 41
HSL	192.5°, 65.9, 35.7	`hsl(192.5,65.9%,35.7%)`
HSV (or HSB)	192.5°, 79.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	48.817, -17.8, -21.116
XYZ	13.61, 17.446, 31.927
xyY	0.216, 0.277, 17.446
CIE-LCH	48.817, 27.617, 229.871
CIE-LUV	48.817, -32.449, -28.69
Hunter-Lab	41.769, -14.931, -16.081
Binary	00011111, 01111110, 10010111

#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#97381f
```
#97381f rgb(151,56,31)
```

Complementary Color

#1f9774
```
#1f9774 rgb(31,151,116)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#1f4297
```
#1f4297 rgb(31,66,151)
```

Analogous Color

#97741f
```
#97741f rgb(151,116,31)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#971f42
```
#971f42 rgb(151,31,66)
```

Split Complementary Color

#7e971f
```
#7e971f rgb(126,151,31)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#971f7e
```
#971f7e rgb(151,31,126)
```

Triadic Color

#1f9738
```
#1f9738 rgb(31,151,56)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#971f7e
```
#971f7e rgb(151,31,126)
```
#97381f
```
#97381f rgb(151,56,31)
```

Tetradic Color

#124958
```
#124958 rgb(18,73,88)
```
#165b6d
```
#165b6d rgb(22,91,109)
```
#1b6c82
```
#1b6c82 rgb(27,108,130)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#2390ac
```
#2390ac rgb(35,144,172)
```
#28a1c1
```
#28a1c1 rgb(40,161,193)
```
#2eb2d4
```
#2eb2d4 rgb(46,178,212)
```

Monochromatic Color

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

#1f9792
```
#1f9792 rgb(31,151,146)
```
#1f9297
```
#1f9297 rgb(31,146,151)
```
#1f8897
```
#1f8897 rgb(31,136,151)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#1f7497
```
#1f7497 rgb(31,116,151)
```
#1f6a97
```
#1f6a97 rgb(31,106,151)
```
#1f6097
```
#1f6097 rgb(31,96,151)
```

Similar Colors

Text with hexadecimal color #1f7e97

This text has a font color of #1f7e97.

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

#1f7e97 background color

This paragraph has a background color of #1f7e97.

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

#1f7e97 border color

This element has a border color of #1f7e97.

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

CSS codes

.text {color:#1f7e97;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041115
```
#041115 rgb(4,17,21)
```
#081f25
```
#081f25 rgb(8,31,37)
```
#0b2d35
```
#0b2d35 rgb(11,45,53)
```
#0e3a46
```
#0e3a46 rgb(14,58,70)
```
#124856
```
#124856 rgb(18,72,86)
```
#155566
```
#155566 rgb(21,85,102)
```
#186376
```
#186376 rgb(24,99,118)
```
#1c7087
```
#1c7087 rgb(28,112,135)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#228ca7
```
#228ca7 rgb(34,140,167)
```
#2699b8
```
#2699b8 rgb(38,153,184)
```
#29a7c8
```
#29a7c8 rgb(41,167,200)
```

Shade Color Variation

#30b2d4
```
#30b2d4 rgb(48,178,212)
```
#40b8d8
```
#40b8d8 rgb(64,184,216)
```
#51bedb
```
#51bedb rgb(81,190,219)
```
#61c4df
```
#61c4df rgb(97,196,223)
```
#71cae2
```
#71cae2 rgb(113,202,226)
```
#81d0e5
```
#81d0e5 rgb(129,208,229)
```
#92d6e9
```
#92d6e9 rgb(146,214,233)
```
#a2dcec
```
#a2dcec rgb(162,220,236)
```
#b2e3ef
```
#b2e3ef rgb(178,227,239)
```
#c2e9f3
```
#c2e9f3 rgb(194,233,243)
```
#d3eff6
```
#d3eff6 rgb(211,239,246)
```
#e3f5f9
```
#e3f5f9 rgb(227,245,249)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

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

#575d5f
```
#575d5f rgb(87,93,95)
```
#506166
```
#506166 rgb(80,97,102)
```
#49666d
```
#49666d rgb(73,102,109)
```
#426a74
```
#426a74 rgb(66,106,116)
```
#3b6e7b
```
#3b6e7b rgb(59,110,123)
```
#347282
```
#347282 rgb(52,114,130)
```
#2d7689
```
#2d7689 rgb(45,118,137)
```
#267a90
```
#267a90 rgb(38,122,144)
```
#1f7e97
```
#1f7e97 rgb(31,126,151)
```
#18829e
```
#18829e rgb(24,130,158)
```
#1186a5
```
#1186a5 rgb(17,134,165)
```
#0a8aac
```
#0a8aac rgb(10,138,172)
```
#038eb3
```
#038eb3 rgb(3,142,179)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#56696e Atypical Achromatopsia 0.001% of the population

Dichromacy

#747a95 Protanopia 1% of men
#7079a0 Deuteranopia 1% of men
#1a8690 Tritanopia 0.001% of the population

Trichromacy

#557b96 Protanomaly 1% of men, 0.01% of women
#527b9d Deuteranomaly 6% of men, 0.4% of women
#1c8393 Tritanomaly 0.01% of the population

#1f7e97 hex color

#1f7e97 Color Information

#1f7e97 Color Conversion

Color Schemes with #1f7e97

Alternatives to #1f7e97

#1f7e97 Preview

Shades and Tints of #1f7e97

Tones of #1f7e97

Color Blindness Simulator