#1f7b7e hex color

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

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

● #1f7b7e color description : Dark cyan.

The hexadecimal color #1f7b7e has RGB values of R:31, G:123, B:126 and CMYK values of C:0.75, M:0.02, Y:0, K:0.51. Its decimal value is 2063230.

Hex triplet	1f7b7e	`#1f7b7e`
RGB Decimal	31, 123, 126	`rgb(31,123,126)`
RGB Percent	12.2, 48.2, 49.4	`rgb(12.2%,48.2%,49.4%)`
CMYK	75, 2, 0, 51
HSL	181.9°, 60.5, 30.8	`hsl(181.9,60.5%,30.8%)`
HSV (or HSB)	181.9°, 75.4, 49.4
Web Safe	336666	`#336666`

CIE-LAB	46.925, -24.557, -9.252
XYZ	11.413, 15.963, 22.217
xyY	0.23, 0.322, 15.963
CIE-LCH	46.925, 26.242, 200.645
CIE-LUV	46.925, -32.977, -9.674
Hunter-Lab	39.953, -18.929, -5.003
Binary	00011111, 01111011, 01111110

#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#7e221f
```
#7e221f rgb(126,34,31)
```

Complementary Color

#1f7e52
```
#1f7e52 rgb(31,126,82)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#1f4c7e
```
#1f4c7e rgb(31,76,126)
```

Analogous Color

#7e521f
```
#7e521f rgb(126,82,31)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#7e1f4c
```
#7e1f4c rgb(126,31,76)
```

Split Complementary Color

#7b7e1f
```
#7b7e1f rgb(123,126,31)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#7e1f7b
```
#7e1f7b rgb(126,31,123)
```

Triadic Color

#1f7e22
```
#1f7e22 rgb(31,126,34)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#7e1f7b
```
#7e1f7b rgb(126,31,123)
```
#7e221f
```
#7e221f rgb(126,34,31)
```

Tetradic Color

#103f41
```
#103f41 rgb(16,63,65)
```
#155355
```
#155355 rgb(21,83,85)
```
#1a676a
```
#1a676a rgb(26,103,106)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#248f92
```
#248f92 rgb(36,143,146)
```
#29a3a7
```
#29a3a7 rgb(41,163,167)
```
#2eb7bb
```
#2eb7bb rgb(46,183,187)
```

Monochromatic Color

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

#1f7e69
```
#1f7e69 rgb(31,126,105)
```
#1f7e71
```
#1f7e71 rgb(31,126,113)
```
#1f7e79
```
#1f7e79 rgb(31,126,121)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#1f737e
```
#1f737e rgb(31,115,126)
```
#1f6b7e
```
#1f6b7e rgb(31,107,126)
```
#1f637e
```
#1f637e rgb(31,99,126)
```

Similar Colors

Text with hexadecimal color #1f7b7e

This text has a font color of #1f7b7e.

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

#1f7b7e background color

This paragraph has a background color of #1f7b7e.

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

#1f7b7e border color

This element has a border color of #1f7b7e.

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

CSS codes

.text {color:#1f7b7e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040f10
```
#040f10 rgb(4,15,16)
```
#081f20
```
#081f20 rgb(8,31,32)
```
#0c2e2f
```
#0c2e2f rgb(12,46,47)
```
#103e3f
```
#103e3f rgb(16,62,63)
```
#134d4f
```
#134d4f rgb(19,77,79)
```
#175c5f
```
#175c5f rgb(23,92,95)
```
#1b6c6e
```
#1b6c6e rgb(27,108,110)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#238a8e
```
#238a8e rgb(35,138,142)
```
#279a9d
```
#279a9d rgb(39,154,157)
```
#2ba9ad
```
#2ba9ad rgb(43,169,173)
```
#2eb8bd
```
#2eb8bd rgb(46,184,189)
```

Shade Color Variation

#32c8cd
```
#32c8cd rgb(50,200,205)
```
#42ccd1
```
#42ccd1 rgb(66,204,209)
```
#52d0d4
```
#52d0d4 rgb(82,208,212)
```
#62d5d8
```
#62d5d8 rgb(98,213,216)
```
#71d9dc
```
#71d9dc rgb(113,217,220)
```
#81dde0
```
#81dde0 rgb(129,221,224)
```
#91e1e4
```
#91e1e4 rgb(145,225,228)
```
#a1e6e8
```
#a1e6e8 rgb(161,230,232)
```
#b0eaec
```
#b0eaec rgb(176,234,236)
```
#c0eef0
```
#c0eef0 rgb(192,238,240)
```
#d0f2f3
```
#d0f2f3 rgb(208,242,243)
```
#e0f7f7
```
#e0f7f7 rgb(224,247,247)
```
#effbfb
```
#effbfb rgb(239,251,251)
```

Tint Color Variation

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

#495354
```
#495354 rgb(73,83,84)
```
#43595a
```
#43595a rgb(67,89,90)
```
#3d5f60
```
#3d5f60 rgb(61,95,96)
```
#376466
```
#376466 rgb(55,100,102)
```
#316a6c
```
#316a6c rgb(49,106,108)
```
#2b7072
```
#2b7072 rgb(43,112,114)
```
#257578
```
#257578 rgb(37,117,120)
```
#1f7b7e
```
#1f7b7e rgb(31,123,126)
```
#198184
```
#198184 rgb(25,129,132)
```
#13868a
```
#13868a rgb(19,134,138)
```
#0d8c90
```
#0d8c90 rgb(13,140,144)
```
#079296
```
#079296 rgb(7,146,150)
```
#01979c
```
#01979c rgb(1,151,156)
```

Tone Color Variation

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

Dichromacy

#76767d Protanopia 1% of men
#777489 Deuteranopia 1% of men
#2f808a Tritanopia 0.001% of the population

Trichromacy

#56777d Protanomaly 1% of men, 0.01% of women
#577685 Deuteranomaly 6% of men, 0.4% of women
#297e85 Tritanomaly 0.01% of the population

#1f7b7e hex color

#1f7b7e Color Information

#1f7b7e Color Conversion

Color Schemes with #1f7b7e

Alternatives to #1f7b7e

#1f7b7e Preview

Shades and Tints of #1f7b7e

Tones of #1f7b7e

Color Blindness Simulator