#1f7177 hex color

In a RGB color space, hex #1f7177 is composed of 12.2% red, 44.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 5% magenta, 0% yellow and 53.3% black. It has a hue angle of 184.1 degrees, a saturation of 58.7% and a lightness of 29.4%. #1f7177 color hex could be obtained by blending #3ee2ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 44
- B 47
RGB color chart
- C 74
- M 5
- Y 0
- K 53
CMYK color chart

● #1f7177 color description : Dark cyan.

The hexadecimal color #1f7177 has RGB values of R:31, G:113, B:119 and CMYK values of C:0.74, M:0.05, Y:0, K:0.53. Its decimal value is 2060663.

Hex triplet	1f7177	`#1f7177`
RGB Decimal	31, 113, 119	`rgb(31,113,119)`
RGB Percent	12.2, 44.3, 46.7	`rgb(12.2%,44.3%,46.7%)`
CMYK	74, 5, 0, 53
HSL	184.1°, 58.7, 29.4	`hsl(184.1,58.7%,29.4%)`
HSV (or HSB)	184.1°, 73.9, 46.7
Web Safe	336666	`#336666`

CIE-LAB	43.408, -21.618, -10.361
XYZ	9.799, 13.433, 19.528
xyY	0.229, 0.314, 13.433
CIE-LCH	43.408, 23.973, 205.606
CIE-LUV	43.408, -29.683, -11.495
Hunter-Lab	36.65, -16.414, -5.935
Binary	00011111, 01110001, 01110111

#1f7177
```
#1f7177 rgb(31,113,119)
```
#77251f
```
#77251f rgb(119,37,31)
```

Complementary Color

#1f7751
```
#1f7751 rgb(31,119,81)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#1f4577
```
#1f4577 rgb(31,69,119)
```

Analogous Color

#77511f
```
#77511f rgb(119,81,31)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#771f45
```
#771f45 rgb(119,31,69)
```

Split Complementary Color

#71771f
```
#71771f rgb(113,119,31)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#771f71
```
#771f71 rgb(119,31,113)
```

Triadic Color

#1f7725
```
#1f7725 rgb(31,119,37)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#771f71
```
#771f71 rgb(119,31,113)
```
#77251f
```
#77251f rgb(119,37,31)
```

Tetradic Color

#0f373a
```
#0f373a rgb(15,55,58)
```
#144b4f
```
#144b4f rgb(20,75,79)
```
#1a5e63
```
#1a5e63 rgb(26,94,99)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#24848b
```
#24848b rgb(36,132,139)
```
#2a979f
```
#2a979f rgb(42,151,159)
```
#2fabb4
```
#2fabb4 rgb(47,171,180)
```

Monochromatic Color

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

#1f7767
```
#1f7767 rgb(31,119,103)
```
#1f776e
```
#1f776e rgb(31,119,110)
```
#1f7776
```
#1f7776 rgb(31,119,118)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#1f6a77
```
#1f6a77 rgb(31,106,119)
```
#1f6277
```
#1f6277 rgb(31,98,119)
```
#1f5b77
```
#1f5b77 rgb(31,91,119)
```

Similar Colors

Text with hexadecimal color #1f7177

This text has a font color of #1f7177.

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

#1f7177 background color

This paragraph has a background color of #1f7177.

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

#1f7177 border color

This element has a border color of #1f7177.

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

CSS codes

.text {color:#1f7177;}

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

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

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, #030a0a is the darkest color, while #fafdfe is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#07181a
```
#07181a rgb(7,24,26)
```
#0b2729
```
#0b2729 rgb(11,39,41)
```
#0f3639
```
#0f3639 rgb(15,54,57)
```
#134548
```
#134548 rgb(19,69,72)
```
#175358
```
#175358 rgb(23,83,88)
```
#1b6267
```
#1b6267 rgb(27,98,103)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#238087
```
#238087 rgb(35,128,135)
```
#278f96
```
#278f96 rgb(39,143,150)
```
#2b9da6
```
#2b9da6 rgb(43,157,166)
```
#2facb5
```
#2facb5 rgb(47,172,181)
```
#33bbc5
```
#33bbc5 rgb(51,187,197)
```

Shade Color Variation

#3fc3cd
```
#3fc3cd rgb(63,195,205)
```
#4ec8d1
```
#4ec8d1 rgb(78,200,209)
```
#5ecdd5
```
#5ecdd5 rgb(94,205,213)
```
#6dd2d9
```
#6dd2d9 rgb(109,210,217)
```
#7dd7dd
```
#7dd7dd rgb(125,215,221)
```
#8ddbe1
```
#8ddbe1 rgb(141,219,225)
```
#9ce0e5
```
#9ce0e5 rgb(156,224,229)
```
#ace5e9
```
#ace5e9 rgb(172,229,233)
```
#bbeaed
```
#bbeaed rgb(187,234,237)
```
#cbeff1
```
#cbeff1 rgb(203,239,241)
```
#daf4f5
```
#daf4f5 rgb(218,244,245)
```
#eaf8fa
```
#eaf8fa rgb(234,248,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474e4f is the less saturated color, while #028a94 is the most saturated one.

#474e4f
```
#474e4f rgb(71,78,79)
```
#425354
```
#425354 rgb(66,83,84)
```
#3c585a
```
#3c585a rgb(60,88,90)
```
#365d60
```
#365d60 rgb(54,93,96)
```
#306266
```
#306266 rgb(48,98,102)
```
#2b676b
```
#2b676b rgb(43,103,107)
```
#256c71
```
#256c71 rgb(37,108,113)
```
#1f7177
```
#1f7177 rgb(31,113,119)
```
#19767d
```
#19767d rgb(25,118,125)
```
#137b83
```
#137b83 rgb(19,123,131)
```
#0e8088
```
#0e8088 rgb(14,128,136)
```
#08858e
```
#08858e rgb(8,133,142)
```
#028a94
```
#028a94 rgb(2,138,148)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6d77 Protanopia 1% of men
#6e6c82 Deuteranopia 1% of men
#2c7780 Tritanopia 0.001% of the population

Trichromacy

#506e77 Protanomaly 1% of men, 0.01% of women
#516d7e Deuteranomaly 6% of men, 0.4% of women
#27757d Tritanomaly 0.01% of the population

#1f7177 hex color

#1f7177 Color Information

#1f7177 Color Conversion

Color Schemes with #1f7177

Alternatives to #1f7177

#1f7177 Preview

Shades and Tints of #1f7177

Tones of #1f7177

Color Blindness Simulator