#1f7f66 hex color

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

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

● #1f7f66 color description : Dark cyan - lime green.

The hexadecimal color #1f7f66 has RGB values of R:31, G:127, B:102 and CMYK values of C:0.76, M:0, Y:0.2, K:0.5. Its decimal value is 2064230.

Hex triplet	1f7f66	`#1f7f66`
RGB Decimal	31, 127, 102	`rgb(31,127,102)`
RGB Percent	12.2, 49.8, 40	`rgb(12.2%,49.8%,40%)`
CMYK	76, 0, 20, 50
HSL	164.4°, 60.8, 31	`hsl(164.4,60.8%,31%)`
HSV (or HSB)	164.4°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	47.532, -33.536, 5.822
XYZ	10.552, 16.428, 15.185
xyY	0.25, 0.39, 16.428
CIE-LCH	47.532, 34.037, 170.152
CIE-LUV	47.532, -36.04, 12.6
Hunter-Lab	40.532, -24.461, 6.16
Binary	00011111, 01111111, 01100110

#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#7f1f38
```
#7f1f38 rgb(127,31,56)
```

Complementary Color

#1f7f36
```
#1f7f36 rgb(31,127,54)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#1f687f
```
#1f687f rgb(31,104,127)
```

Analogous Color

#7f361f
```
#7f361f rgb(127,54,31)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#7f1f68
```
#7f1f68 rgb(127,31,104)
```

Split Complementary Color

#7f661f
```
#7f661f rgb(127,102,31)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#661f7f
```
#661f7f rgb(102,31,127)
```

Triadic Color

#387f1f
```
#387f1f rgb(56,127,31)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#661f7f
```
#661f7f rgb(102,31,127)
```
#7f1f38
```
#7f1f38 rgb(127,31,56)
```

Tetradic Color

#104235
```
#104235 rgb(16,66,53)
```
#155645
```
#155645 rgb(21,86,69)
```
#1a6b56
```
#1a6b56 rgb(26,107,86)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#249376
```
#249376 rgb(36,147,118)
```
#29a887
```
#29a887 rgb(41,168,135)
```
#2ebc97
```
#2ebc97 rgb(46,188,151)
```

Monochromatic Color

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

#1f7f4e
```
#1f7f4e rgb(31,127,78)
```
#1f7f56
```
#1f7f56 rgb(31,127,86)
```
#1f7f5e
```
#1f7f5e rgb(31,127,94)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#1f7f6e
```
#1f7f6e rgb(31,127,110)
```
#1f7f76
```
#1f7f76 rgb(31,127,118)
```
#1f7f7e
```
#1f7f7e rgb(31,127,126)
```

Similar Colors

Text with hexadecimal color #1f7f66

This text has a font color of #1f7f66.

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

#1f7f66 background color

This paragraph has a background color of #1f7f66.

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

#1f7f66 border color

This element has a border color of #1f7f66.

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

CSS codes

.text {color:#1f7f66;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110d
```
#04110d rgb(4,17,13)
```
#08201a
```
#08201a rgb(8,32,26)
```
#0c3027
```
#0c3027 rgb(12,48,39)
```
#104033
```
#104033 rgb(16,64,51)
```
#135040
```
#135040 rgb(19,80,64)
```
#175f4d
```
#175f4d rgb(23,95,77)
```
#1b6f59
```
#1b6f59 rgb(27,111,89)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#238f73
```
#238f73 rgb(35,143,115)
```
#279f7f
```
#279f7f rgb(39,159,127)
```
#2bae8c
```
#2bae8c rgb(43,174,140)
```
#2ebe99
```
#2ebe99 rgb(46,190,153)
```

Shade Color Variation

#33cda5
```
#33cda5 rgb(51,205,165)
```
#43d1ac
```
#43d1ac rgb(67,209,172)
```
#52d5b3
```
#52d5b3 rgb(82,213,179)
```
#62d9ba
```
#62d9ba rgb(98,217,186)
```
#72ddc1
```
#72ddc1 rgb(114,221,193)
```
#82e0c8
```
#82e0c8 rgb(130,224,200)
```
#91e4cf
```
#91e4cf rgb(145,228,207)
```
#a1e8d6
```
#a1e8d6 rgb(161,232,214)
```
#b1ecdd
```
#b1ecdd rgb(177,236,221)
```
#c1f0e4
```
#c1f0e4 rgb(193,240,228)
```
#d1f4eb
```
#d1f4eb rgb(209,244,235)
```
#e0f8f1
```
#e0f8f1 rgb(224,248,241)
```
#f0fbf8
```
#f0fbf8 rgb(240,251,248)
```

Tint Color Variation

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

#4a5452
```
#4a5452 rgb(74,84,82)
```
#435b55
```
#435b55 rgb(67,91,85)
```
#3d6157
```
#3d6157 rgb(61,97,87)
```
#37675a
```
#37675a rgb(55,103,90)
```
#316d5d
```
#316d5d rgb(49,109,93)
```
#2b7360
```
#2b7360 rgb(43,115,96)
```
#257963
```
#257963 rgb(37,121,99)
```
#1f7f66
```
#1f7f66 rgb(31,127,102)
```
#198569
```
#198569 rgb(25,133,105)
```
#138b6c
```
#138b6c rgb(19,139,108)
```
#0d916f
```
#0d916f rgb(13,145,111)
```
#079772
```
#079772 rgb(7,151,114)
```
#019d75
```
#019d75 rgb(1,157,117)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#526560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7767 Protanopia 1% of men
#847474 Deuteranopia 1% of men
#3c818b Tritanopia 0.001% of the population

Trichromacy

#5b7a66 Protanomaly 1% of men, 0.01% of women
#5f786e Deuteranomaly 6% of men, 0.4% of women
#31807d Tritanomaly 0.01% of the population

#1f7f66 hex color

#1f7f66 Color Information

#1f7f66 Color Conversion

Color Schemes with #1f7f66

Alternatives to #1f7f66

#1f7f66 Preview

Shades and Tints of #1f7f66

Tones of #1f7f66

Color Blindness Simulator