#1f7c81 hex color

In a RGB color space, hex #1f7c81 is composed of 12.2% red, 48.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 3.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 183.1 degrees, a saturation of 61.3% and a lightness of 31.4%. #1f7c81 color hex could be obtained by blending #3ef8ff with #000003. Closest websafe color is: #336699.

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

● #1f7c81 color description : Dark cyan.

The hexadecimal color #1f7c81 has RGB values of R:31, G:124, B:129 and CMYK values of C:0.76, M:0.04, Y:0, K:0.49. Its decimal value is 2063489.

Hex triplet	1f7c81	`#1f7c81`
RGB Decimal	31, 124, 129	`rgb(31,124,129)`
RGB Percent	12.2, 48.6, 50.6	`rgb(12.2%,48.6%,50.6%)`
CMYK	76, 4, 0, 49
HSL	183.1°, 61.3, 31.4	`hsl(183.1,61.3%,31.4%)`
HSV (or HSB)	183.1°, 76, 50.6
Web Safe	336699	`#336699`

CIE-LAB	47.353, -24.109, -10.386
XYZ	11.734, 16.291, 23.294
xyY	0.229, 0.317, 16.291
CIE-LCH	47.353, 26.251, 203.306
CIE-LUV	47.353, -33.151, -11.426
Hunter-Lab	40.361, -18.739, -5.965
Binary	00011111, 01111100, 10000001

#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#81241f
```
#81241f rgb(129,36,31)
```

Complementary Color

#1f8155
```
#1f8155 rgb(31,129,85)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#1f4b81
```
#1f4b81 rgb(31,75,129)
```

Analogous Color

#81551f
```
#81551f rgb(129,85,31)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#811f4b
```
#811f4b rgb(129,31,75)
```

Split Complementary Color

#7c811f
```
#7c811f rgb(124,129,31)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#811f7c
```
#811f7c rgb(129,31,124)
```

Triadic Color

#1f8124
```
#1f8124 rgb(31,129,36)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#811f7c
```
#811f7c rgb(129,31,124)
```
#81241f
```
#81241f rgb(129,36,31)
```

Tetradic Color

#104143
```
#104143 rgb(16,65,67)
```
#155458
```
#155458 rgb(21,84,88)
```
#1a686c
```
#1a686c rgb(26,104,108)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#249096
```
#249096 rgb(36,144,150)
```
#29a4aa
```
#29a4aa rgb(41,164,170)
```
#2eb7bf
```
#2eb7bf rgb(46,183,191)
```

Monochromatic Color

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

#1f816e
```
#1f816e rgb(31,129,110)
```
#1f8176
```
#1f8176 rgb(31,129,118)
```
#1f817e
```
#1f817e rgb(31,129,126)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#1f7481
```
#1f7481 rgb(31,116,129)
```
#1f6c81
```
#1f6c81 rgb(31,108,129)
```
#1f6481
```
#1f6481 rgb(31,100,129)
```

Similar Colors

Text with hexadecimal color #1f7c81

This text has a font color of #1f7c81.

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

#1f7c81 background color

This paragraph has a background color of #1f7c81.

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

#1f7c81 border color

This element has a border color of #1f7c81.

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

CSS codes

.text {color:#1f7c81;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#041212
```
#041212 rgb(4,18,18)
```
#082122
```
#082122 rgb(8,33,34)
```
#0c3032
```
#0c3032 rgb(12,48,50)
```
#103f42
```
#103f42 rgb(16,63,66)
```
#144e52
```
#144e52 rgb(20,78,82)
```
#175e61
```
#175e61 rgb(23,94,97)
```
#1b6d71
```
#1b6d71 rgb(27,109,113)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#238b91
```
#238b91 rgb(35,139,145)
```
#279aa1
```
#279aa1 rgb(39,154,161)
```
#2aaab0
```
#2aaab0 rgb(42,170,176)
```
#2eb9c0
```
#2eb9c0 rgb(46,185,192)
```

Shade Color Variation

#34c6ce
```
#34c6ce rgb(52,198,206)
```
#44cbd2
```
#44cbd2 rgb(68,203,210)
```
#54cfd6
```
#54cfd6 rgb(84,207,214)
```
#63d4da
```
#63d4da rgb(99,212,218)
```
#73d8dd
```
#73d8dd rgb(115,216,221)
```
#83dce1
```
#83dce1 rgb(131,220,225)
```
#93e1e5
```
#93e1e5 rgb(147,225,229)
```
#a3e5e9
```
#a3e5e9 rgb(163,229,233)
```
#b2eaed
```
#b2eaed rgb(178,234,237)
```
#c2eef0
```
#c2eef0 rgb(194,238,240)
```
#d2f2f4
```
#d2f2f4 rgb(210,242,244)
```
#e2f7f8
```
#e2f7f8 rgb(226,247,248)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#4a5556
```
#4a5556 rgb(74,85,86)
```
#445b5c
```
#445b5c rgb(68,91,92)
```
#3e6062
```
#3e6062 rgb(62,96,98)
```
#386668
```
#386668 rgb(56,102,104)
```
#316b6f
```
#316b6f rgb(49,107,111)
```
#2b7175
```
#2b7175 rgb(43,113,117)
```
#25767b
```
#25767b rgb(37,118,123)
```
#1f7c81
```
#1f7c81 rgb(31,124,129)
```
#198287
```
#198287 rgb(25,130,135)
```
#13878d
```
#13878d rgb(19,135,141)
```
#0d8d93
```
#0d8d93 rgb(13,141,147)
```
#06929a
```
#06929a rgb(6,146,154)
```
#0098a0
```
#0098a0 rgb(0,152,160)
```

Tone Color Variation

Below, you can see how #1f7c81 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
#546667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767680 Protanopia 1% of men
#78758c Deuteranopia 1% of men
#2e828b Tritanopia 0.001% of the population

Trichromacy

#567880 Protanomaly 1% of men, 0.01% of women
#577788 Deuteranomaly 6% of men, 0.4% of women
#287f87 Tritanomaly 0.01% of the population

#1f7c81 hex color

#1f7c81 Color Information

#1f7c81 Color Conversion

Color Schemes with #1f7c81

Alternatives to #1f7c81

#1f7c81 Preview

Shades and Tints of #1f7c81

Tones of #1f7c81

Color Blindness Simulator