#1f7c97 hex color

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

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

● #1f7c97 color description : Dark cyan.

The hexadecimal color #1f7c97 has RGB values of R:31, G:124, B:151 and CMYK values of C:0.79, M:0.18, Y:0, K:0.41. Its decimal value is 2063511.

Hex triplet	1f7c97	`#1f7c97`
RGB Decimal	31, 124, 151	`rgb(31,124,151)`
RGB Percent	12.2, 48.6, 59.2	`rgb(12.2%,48.6%,59.2%)`
CMYK	79, 18, 0, 41
HSL	193.5°, 65.9, 35.7	`hsl(193.5,65.9%,35.7%)`
HSV (or HSB)	193.5°, 79.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	48.184, -16.702, -22.091
XYZ	13.357, 16.94, 31.842
xyY	0.215, 0.273, 16.94
CIE-LCH	48.184, 27.694, 232.908
CIE-LUV	48.184, -31.724, -30.267
Hunter-Lab	41.158, -14.097, -17.06
Binary	00011111, 01111100, 10010111

#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#973a1f
```
#973a1f rgb(151,58,31)
```

Complementary Color

#1f9776
```
#1f9776 rgb(31,151,118)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#1f4097
```
#1f4097 rgb(31,64,151)
```

Analogous Color

#97761f
```
#97761f rgb(151,118,31)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#971f40
```
#971f40 rgb(151,31,64)
```

Split Complementary Color

#7c971f
```
#7c971f rgb(124,151,31)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#971f7c
```
#971f7c rgb(151,31,124)
```

Triadic Color

#1f973a
```
#1f973a rgb(31,151,58)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#971f7c
```
#971f7c rgb(151,31,124)
```
#973a1f
```
#973a1f rgb(151,58,31)
```

Tetradic Color

#124858
```
#124858 rgb(18,72,88)
```
#16596d
```
#16596d rgb(22,89,109)
```
#1b6b82
```
#1b6b82 rgb(27,107,130)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#238dac
```
#238dac rgb(35,141,172)
```
#289fc1
```
#289fc1 rgb(40,159,193)
```
#2eafd4
```
#2eafd4 rgb(46,175,212)
```

Monochromatic Color

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

#1f9794
```
#1f9794 rgb(31,151,148)
```
#1f9097
```
#1f9097 rgb(31,144,151)
```
#1f8697
```
#1f8697 rgb(31,134,151)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#1f7297
```
#1f7297 rgb(31,114,151)
```
#1f6897
```
#1f6897 rgb(31,104,151)
```
#1f5e97
```
#1f5e97 rgb(31,94,151)
```

Similar Colors

Text with hexadecimal color #1f7c97

This text has a font color of #1f7c97.

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

#1f7c97 background color

This paragraph has a background color of #1f7c97.

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

#1f7c97 border color

This element has a border color of #1f7c97.

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

CSS codes

.text {color:#1f7c97;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041115
```
#041115 rgb(4,17,21)
```
#081e25
```
#081e25 rgb(8,30,37)
```
#0b2c35
```
#0b2c35 rgb(11,44,53)
```
#0e3946
```
#0e3946 rgb(14,57,70)
```
#124756
```
#124756 rgb(18,71,86)
```
#155466
```
#155466 rgb(21,84,102)
```
#186176
```
#186176 rgb(24,97,118)
```
#1c6f87
```
#1c6f87 rgb(28,111,135)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#2289a7
```
#2289a7 rgb(34,137,167)
```
#2697b8
```
#2697b8 rgb(38,151,184)
```
#29a4c8
```
#29a4c8 rgb(41,164,200)
```

Shade Color Variation

#30afd4
```
#30afd4 rgb(48,175,212)
```
#40b6d8
```
#40b6d8 rgb(64,182,216)
```
#51bcdb
```
#51bcdb rgb(81,188,219)
```
#61c2df
```
#61c2df rgb(97,194,223)
```
#71c8e2
```
#71c8e2 rgb(113,200,226)
```
#81cfe5
```
#81cfe5 rgb(129,207,229)
```
#92d5e9
```
#92d5e9 rgb(146,213,233)
```
#a2dbec
```
#a2dbec rgb(162,219,236)
```
#b2e1ef
```
#b2e1ef rgb(178,225,239)
```
#c2e8f3
```
#c2e8f3 rgb(194,232,243)
```
#d3eef6
```
#d3eef6 rgb(211,238,246)
```
#e3f4f9
```
#e3f4f9 rgb(227,244,249)
```
#f3fafd
```
#f3fafd rgb(243,250,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 #038bb3 is the most saturated one.

#575d5f
```
#575d5f rgb(87,93,95)
```
#506166
```
#506166 rgb(80,97,102)
```
#49656d
```
#49656d rgb(73,101,109)
```
#426974
```
#426974 rgb(66,105,116)
```
#3b6d7b
```
#3b6d7b rgb(59,109,123)
```
#347082
```
#347082 rgb(52,112,130)
```
#2d7489
```
#2d7489 rgb(45,116,137)
```
#267890
```
#267890 rgb(38,120,144)
```
#1f7c97
```
#1f7c97 rgb(31,124,151)
```
#18809e
```
#18809e rgb(24,128,158)
```
#1184a5
```
#1184a5 rgb(17,132,165)
```
#0a88ac
```
#0a88ac rgb(10,136,172)
```
#038bb3
```
#038bb3 rgb(3,139,179)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#55686d Atypical Achromatopsia 0.001% of the population

Dichromacy

#727895 Protanopia 1% of men
#6d78a0 Deuteranopia 1% of men
#17858f Tritanopia 0.001% of the population

Trichromacy

#537996 Protanomaly 1% of men, 0.01% of women
#50799d Deuteranomaly 6% of men, 0.4% of women
#1a8191 Tritanomaly 0.01% of the population

#1f7c97 hex color

#1f7c97 Color Information

#1f7c97 Color Conversion

Color Schemes with #1f7c97

Alternatives to #1f7c97

#1f7c97 Preview

Shades and Tints of #1f7c97

Tones of #1f7c97

Color Blindness Simulator