#1f746f hex color

In a RGB color space, hex #1f746f is composed of 12.2% red, 45.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 0% magenta, 4.3% yellow and 54.5% black. It has a hue angle of 176.5 degrees, a saturation of 57.8% and a lightness of 28.8%. #1f746f color hex could be obtained by blending #3ee8de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 45
- B 44
RGB color chart
- C 73
- M 0
- Y 4
- K 55
CMYK color chart

● #1f746f color description : Dark cyan.

The hexadecimal color #1f746f has RGB values of R:31, G:116, B:111 and CMYK values of C:0.73, M:0, Y:0.04, K:0.55. Its decimal value is 2061423.

Hex triplet	1f746f	`#1f746f`
RGB Decimal	31, 116, 111	`rgb(31,116,111)`
RGB Percent	12.2, 45.5, 43.5	`rgb(12.2%,45.5%,43.5%)`
CMYK	73, 0, 4, 55
HSL	176.5°, 57.8, 28.8	`hsl(176.5,57.8%,28.8%)`
HSV (or HSB)	176.5°, 73.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.131, -25.697, -4.476
XYZ	9.679, 13.929, 17.217
xyY	0.237, 0.341, 13.929
CIE-LCH	44.131, 26.083, 189.881
CIE-LUV	44.131, -31.318, -2.576
Hunter-Lab	37.321, -19.021, -1.226
Binary	00011111, 01110100, 01101111

#1f746f
```
#1f746f rgb(31,116,111)
```
#741f24
```
#741f24 rgb(116,31,36)
```

Complementary Color

#1f7445
```
#1f7445 rgb(31,116,69)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#1f4f74
```
#1f4f74 rgb(31,79,116)
```

Analogous Color

#74451f
```
#74451f rgb(116,69,31)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#741f4f
```
#741f4f rgb(116,31,79)
```

Split Complementary Color

#746f1f
```
#746f1f rgb(116,111,31)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#6f1f74
```
#6f1f74 rgb(111,31,116)
```

Triadic Color

#24741f
```
#24741f rgb(36,116,31)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#6f1f74
```
#6f1f74 rgb(111,31,116)
```
#741f24
```
#741f24 rgb(116,31,36)
```

Tetradic Color

#0f3835
```
#0f3835 rgb(15,56,53)
```
#144c48
```
#144c48 rgb(20,76,72)
```
#1a605c
```
#1a605c rgb(26,96,92)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#248882
```
#248882 rgb(36,136,130)
```
#2a9c96
```
#2a9c96 rgb(42,156,150)
```
#2fb0a9
```
#2fb0a9 rgb(47,176,169)
```

Monochromatic Color

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

#1f745a
```
#1f745a rgb(31,116,90)
```
#1f7461
```
#1f7461 rgb(31,116,97)
```
#1f7468
```
#1f7468 rgb(31,116,104)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#1f7274
```
#1f7274 rgb(31,114,116)
```
#1f6b74
```
#1f6b74 rgb(31,107,116)
```
#1f6474
```
#1f6474 rgb(31,100,116)
```

Similar Colors

Text with hexadecimal color #1f746f

This text has a font color of #1f746f.

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

#1f746f background color

This paragraph has a background color of #1f746f.

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

#1f746f border color

This element has a border color of #1f746f.

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

CSS codes

.text {color:#1f746f;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#061716
```
#061716 rgb(6,23,22)
```
#0a2725
```
#0a2725 rgb(10,39,37)
```
#0e3634
```
#0e3634 rgb(14,54,52)
```
#134643
```
#134643 rgb(19,70,67)
```
#175551
```
#175551 rgb(23,85,81)
```
#1b6560
```
#1b6560 rgb(27,101,96)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#23837e
```
#23837e rgb(35,131,126)
```
#27938d
```
#27938d rgb(39,147,141)
```
#2ba29b
```
#2ba29b rgb(43,162,155)
```
#30b2aa
```
#30b2aa rgb(48,178,170)
```
#34c1b9
```
#34c1b9 rgb(52,193,185)
```

Shade Color Variation

#3dcbc3
```
#3dcbc3 rgb(61,203,195)
```
#4dcfc8
```
#4dcfc8 rgb(77,207,200)
```
#5cd4cd
```
#5cd4cd rgb(92,212,205)
```
#6cd8d1
```
#6cd8d1 rgb(108,216,209)
```
#7bdcd6
```
#7bdcd6 rgb(123,220,214)
```
#8be0db
```
#8be0db rgb(139,224,219)
```
#9ae4e0
```
#9ae4e0 rgb(154,228,224)
```
#aae8e5
```
#aae8e5 rgb(170,232,229)
```
#b9ece9
```
#b9ece9 rgb(185,236,233)
```
#c9f0ee
```
#c9f0ee rgb(201,240,238)
```
#d8f5f3
```
#d8f5f3 rgb(216,245,243)
```
#e8f9f8
```
#e8f9f8 rgb(232,249,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#474c4c
```
#474c4c rgb(71,76,76)
```
#415251
```
#415251 rgb(65,82,81)
```
#3b5856
```
#3b5856 rgb(59,88,86)
```
#365d5b
```
#365d5b rgb(54,93,91)
```
#306360
```
#306360 rgb(48,99,96)
```
#2a6965
```
#2a6965 rgb(42,105,101)
```
#256e6a
```
#256e6a rgb(37,110,106)
```
#1f746f
```
#1f746f rgb(31,116,111)
```
#197a74
```
#197a74 rgb(25,122,116)
```
#147f79
```
#147f79 rgb(20,127,121)
```
#0e857e
```
#0e857e rgb(14,133,126)
```
#088b83
```
#088b83 rgb(8,139,131)
```
#039088
```
#039088 rgb(3,144,136)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#716f70 Protanopia 1% of men
#756d7b Deuteranopia 1% of men
#327982 Tritanopia 0.001% of the population

Trichromacy

#53716f Protanomaly 1% of men, 0.01% of women
#556f76 Deuteranomaly 6% of men, 0.4% of women
#2b777b Tritanomaly 0.01% of the population

#1f746f hex color

#1f746f Color Information

#1f746f Color Conversion

Color Schemes with #1f746f

Alternatives to #1f746f

#1f746f Preview

Shades and Tints of #1f746f

Tones of #1f746f

Color Blindness Simulator