#1f7b7f hex color

In a RGB color space, hex #1f7b7f is composed of 12.2% red, 48.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 3.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 182.5 degrees, a saturation of 60.8% and a lightness of 31%. #1f7b7f color hex could be obtained by blending #3ef6fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 48
- B 50
RGB color chart
- C 76
- M 3
- Y 0
- K 50
CMYK color chart

● #1f7b7f color description : Dark cyan.

The hexadecimal color #1f7b7f has RGB values of R:31, G:123, B:127 and CMYK values of C:0.76, M:0.03, Y:0, K:0.5. Its decimal value is 2063231.

Hex triplet	1f7b7f	`#1f7b7f`
RGB Decimal	31, 123, 127	`rgb(31,123,127)`
RGB Percent	12.2, 48.2, 49.8	`rgb(12.2%,48.2%,49.8%)`
CMYK	76, 3, 0, 50
HSL	182.5°, 60.8, 31	`hsl(182.5,60.8%,31%)`
HSV (or HSB)	182.5°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	46.959, -24.237, -9.794
XYZ	11.478, 15.988, 22.559
xyY	0.229, 0.32, 15.988
CIE-LCH	46.959, 26.141, 202.003
CIE-LUV	46.959, -32.911, -10.515
Hunter-Lab	39.986, -18.737, -5.46
Binary	00011111, 01111011, 01111111

#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#7f231f
```
#7f231f rgb(127,35,31)
```

Complementary Color

#1f7f53
```
#1f7f53 rgb(31,127,83)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#1f4b7f
```
#1f4b7f rgb(31,75,127)
```

Analogous Color

#7f531f
```
#7f531f rgb(127,83,31)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#7f1f4b
```
#7f1f4b rgb(127,31,75)
```

Split Complementary Color

#7b7f1f
```
#7b7f1f rgb(123,127,31)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#7f1f7b
```
#7f1f7b rgb(127,31,123)
```

Triadic Color

#1f7f23
```
#1f7f23 rgb(31,127,35)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#7f1f7b
```
#7f1f7b rgb(127,31,123)
```
#7f231f
```
#7f231f rgb(127,35,31)
```

Tetradic Color

#103f42
```
#103f42 rgb(16,63,66)
```
#155356
```
#155356 rgb(21,83,86)
```
#1a676b
```
#1a676b rgb(26,103,107)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#248f93
```
#248f93 rgb(36,143,147)
```
#29a3a8
```
#29a3a8 rgb(41,163,168)
```
#2eb7bc
```
#2eb7bc rgb(46,183,188)
```

Monochromatic Color

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

#1f7f6b
```
#1f7f6b rgb(31,127,107)
```
#1f7f73
```
#1f7f73 rgb(31,127,115)
```
#1f7f7b
```
#1f7f7b rgb(31,127,123)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#1f737f
```
#1f737f rgb(31,115,127)
```
#1f6b7f
```
#1f6b7f rgb(31,107,127)
```
#1f637f
```
#1f637f rgb(31,99,127)
```

Similar Colors

Text with hexadecimal color #1f7b7f

This text has a font color of #1f7b7f.

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

#1f7b7f background color

This paragraph has a background color of #1f7b7f.

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

#1f7b7f border color

This element has a border color of #1f7b7f.

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

CSS codes

.text {color:#1f7b7f;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041011
```
#041011 rgb(4,16,17)
```
#081f20
```
#081f20 rgb(8,31,32)
```
#0c2f30
```
#0c2f30 rgb(12,47,48)
```
#103e40
```
#103e40 rgb(16,62,64)
```
#134d50
```
#134d50 rgb(19,77,80)
```
#175c5f
```
#175c5f rgb(23,92,95)
```
#1b6c6f
```
#1b6c6f rgb(27,108,111)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#238a8f
```
#238a8f rgb(35,138,143)
```
#279a9f
```
#279a9f rgb(39,154,159)
```
#2ba9ae
```
#2ba9ae rgb(43,169,174)
```
#2eb8be
```
#2eb8be rgb(46,184,190)
```

Shade Color Variation

#33c7cd
```
#33c7cd rgb(51,199,205)
```
#43cbd1
```
#43cbd1 rgb(67,203,209)
```
#52cfd5
```
#52cfd5 rgb(82,207,213)
```
#62d4d9
```
#62d4d9 rgb(98,212,217)
```
#72d8dd
```
#72d8dd rgb(114,216,221)
```
#82dce0
```
#82dce0 rgb(130,220,224)
```
#91e1e4
```
#91e1e4 rgb(145,225,228)
```
#a1e5e8
```
#a1e5e8 rgb(161,229,232)
```
#b1eaec
```
#b1eaec rgb(177,234,236)
```
#c1eef0
```
#c1eef0 rgb(193,238,240)
```
#d1f2f4
```
#d1f2f4 rgb(209,242,244)
```
#e0f7f8
```
#e0f7f8 rgb(224,247,248)
```
#f0fbfb
```
#f0fbfb rgb(240,251,251)
```

Tint Color Variation

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

#4a5454
```
#4a5454 rgb(74,84,84)
```
#435a5b
```
#435a5b rgb(67,90,91)
```
#3d5f61
```
#3d5f61 rgb(61,95,97)
```
#376567
```
#376567 rgb(55,101,103)
```
#316a6d
```
#316a6d rgb(49,106,109)
```
#2b7073
```
#2b7073 rgb(43,112,115)
```
#257579
```
#257579 rgb(37,117,121)
```
#1f7b7f
```
#1f7b7f rgb(31,123,127)
```
#198185
```
#198185 rgb(25,129,133)
```
#13868b
```
#13868b rgb(19,134,139)
```
#0d8c91
```
#0d8c91 rgb(13,140,145)
```
#079197
```
#079197 rgb(7,145,151)
```
#01979d
```
#01979d rgb(1,151,157)
```

Tone Color Variation

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

#76767e Protanopia 1% of men
#77748a Deuteranopia 1% of men
#2e818a Tritanopia 0.001% of the population

Trichromacy

#56777e Protanomaly 1% of men, 0.01% of women
#577686 Deuteranomaly 6% of men, 0.4% of women
#297e86 Tritanomaly 0.01% of the population

#1f7b7f hex color

#1f7b7f Color Information

#1f7b7f Color Conversion

Color Schemes with #1f7b7f

Alternatives to #1f7b7f

#1f7b7f Preview

Shades and Tints of #1f7b7f

Tones of #1f7b7f

Color Blindness Simulator