#1f745e hex color

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

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

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

The hexadecimal color #1f745e has RGB values of R:31, G:116, B:94 and CMYK values of C:0.73, M:0, Y:0.19, K:0.55. Its decimal value is 2061406.

Hex triplet	1f745e	`#1f745e`
RGB Decimal	31, 116, 94	`rgb(31,116,94)`
RGB Percent	12.2, 45.5, 36.9	`rgb(12.2%,45.5%,36.9%)`
CMYK	73, 0, 19, 55
HSL	164.5°, 57.8, 28.8	`hsl(164.5,57.8%,28.8%)`
HSV (or HSB)	164.5°, 73.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	43.638, -30.608, 4.986
XYZ	8.83, 13.589, 12.747
xyY	0.251, 0.386, 13.589
CIE-LCH	43.638, 31.011, 170.748
CIE-LUV	43.638, -32.376, 10.839
Hunter-Lab	36.864, -21.755, 5.303
Binary	00011111, 01110100, 01011110

#1f745e
```
#1f745e rgb(31,116,94)
```
#741f35
```
#741f35 rgb(116,31,53)
```

Complementary Color

#1f7433
```
#1f7433 rgb(31,116,51)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#1f6074
```
#1f6074 rgb(31,96,116)
```

Analogous Color

#74341f
```
#74341f rgb(116,52,31)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#741f60
```
#741f60 rgb(116,31,96)
```

Split Complementary Color

#745e1f
```
#745e1f rgb(116,94,31)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#5e1f74
```
#5e1f74 rgb(94,31,116)
```

Triadic Color

#35741f
```
#35741f rgb(53,116,31)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#5e1f74
```
#5e1f74 rgb(94,31,116)
```
#741f35
```
#741f35 rgb(116,31,53)
```

Tetradic Color

#0f382d
```
#0f382d rgb(15,56,45)
```
#144c3d
```
#144c3d rgb(20,76,61)
```
#1a604e
```
#1a604e rgb(26,96,78)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#24886e
```
#24886e rgb(36,136,110)
```
#2a9c7f
```
#2a9c7f rgb(42,156,127)
```
#2fb08f
```
#2fb08f rgb(47,176,143)
```

Monochromatic Color

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

#1f7449
```
#1f7449 rgb(31,116,73)
```
#1f7450
```
#1f7450 rgb(31,116,80)
```
#1f7457
```
#1f7457 rgb(31,116,87)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#1f7465
```
#1f7465 rgb(31,116,101)
```
#1f746c
```
#1f746c rgb(31,116,108)
```
#1f7473
```
#1f7473 rgb(31,116,115)
```

Similar Colors

Text with hexadecimal color #1f745e

This text has a font color of #1f745e.

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

#1f745e background color

This paragraph has a background color of #1f745e.

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

#1f745e border color

This element has a border color of #1f745e.

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

CSS codes

.text {color:#1f745e;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#061713
```
#061713 rgb(6,23,19)
```
#0a271f
```
#0a271f rgb(10,39,31)
```
#0e362c
```
#0e362c rgb(14,54,44)
```
#134638
```
#134638 rgb(19,70,56)
```
#175545
```
#175545 rgb(23,85,69)
```
#1b6551
```
#1b6551 rgb(27,101,81)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#23836b
```
#23836b rgb(35,131,107)
```
#279377
```
#279377 rgb(39,147,119)
```
#2ba284
```
#2ba284 rgb(43,162,132)
```
#30b290
```
#30b290 rgb(48,178,144)
```
#34c19d
```
#34c19d rgb(52,193,157)
```

Shade Color Variation

#3dcba7
```
#3dcba7 rgb(61,203,167)
```
#4dcfae
```
#4dcfae rgb(77,207,174)
```
#5cd4b5
```
#5cd4b5 rgb(92,212,181)
```
#6cd8bc
```
#6cd8bc rgb(108,216,188)
```
#7bdcc3
```
#7bdcc3 rgb(123,220,195)
```
#8be0ca
```
#8be0ca rgb(139,224,202)
```
#9ae4d1
```
#9ae4d1 rgb(154,228,209)
```
#aae8d8
```
#aae8d8 rgb(170,232,216)
```
#b9ecdf
```
#b9ecdf rgb(185,236,223)
```
#c9f0e6
```
#c9f0e6 rgb(201,240,230)
```
#d8f5ed
```
#d8f5ed rgb(216,245,237)
```
#e8f9f4
```
#e8f9f4 rgb(232,249,244)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#474c4b
```
#474c4b rgb(71,76,75)
```
#41524e
```
#41524e rgb(65,82,78)
```
#3b5850
```
#3b5850 rgb(59,88,80)
```
#365d53
```
#365d53 rgb(54,93,83)
```
#306356
```
#306356 rgb(48,99,86)
```
#2a6959
```
#2a6959 rgb(42,105,89)
```
#256e5b
```
#256e5b rgb(37,110,91)
```
#1f745e
```
#1f745e rgb(31,116,94)
```
#197a61
```
#197a61 rgb(25,122,97)
```
#147f63
```
#147f63 rgb(20,127,99)
```
#0e8566
```
#0e8566 rgb(14,133,102)
```
#088b69
```
#088b69 rgb(8,139,105)
```
#03906c
```
#03906c rgb(3,144,108)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746e60 Protanopia 1% of men
#7a6b6b Deuteranopia 1% of men
#397780 Tritanopia 0.001% of the population

Trichromacy

#55705f Protanomaly 1% of men, 0.01% of women
#596e66 Deuteranomaly 6% of men, 0.4% of women
#2f7673 Tritanomaly 0.01% of the population

#1f745e hex color

#1f745e Color Information

#1f745e Color Conversion

Color Schemes with #1f745e

Alternatives to #1f745e

#1f745e Preview

Shades and Tints of #1f745e

Tones of #1f745e

Color Blindness Simulator