#1f7a5a hex color

In a RGB color space, hex #1f7a5a is composed of 12.2% red, 47.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 26.2% yellow and 52.2% black. It has a hue angle of 158.9 degrees, a saturation of 59.5% and a lightness of 30%. #1f7a5a color hex could be obtained by blending #3ef4b4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 48
- B 35
RGB color chart
- C 75
- M 0
- Y 26
- K 52
CMYK color chart

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

The hexadecimal color #1f7a5a has RGB values of R:31, G:122, B:90 and CMYK values of C:0.75, M:0, Y:0.26, K:0.52. Its decimal value is 2062938.

Hex triplet	1f7a5a	`#1f7a5a`
RGB Decimal	31, 122, 90	`rgb(31,122,90)`
RGB Percent	12.2, 47.8, 35.3	`rgb(12.2%,47.8%,35.3%)`
CMYK	75, 0, 26, 52
HSL	158.9°, 59.5, 30	`hsl(158.9,59.5%,30%)`
HSV (or HSB)	158.9°, 74.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.562, -34.383, 10.083
XYZ	9.369, 14.948, 12.064
xyY	0.258, 0.411, 14.948
CIE-LCH	45.562, 35.831, 163.655
CIE-LUV	45.562, -34.899, 17.967
Hunter-Lab	38.662, -24.402, 8.563
Binary	00011111, 01111010, 01011010

#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#7a1f3f
```
#7a1f3f rgb(122,31,63)
```

Complementary Color

#1f7a2c
```
#1f7a2c rgb(31,122,44)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#1f6d7a
```
#1f6d7a rgb(31,109,122)
```

Analogous Color

#7a2d1f
```
#7a2d1f rgb(122,45,31)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#7a1f6d
```
#7a1f6d rgb(122,31,109)
```

Split Complementary Color

#7a5a1f
```
#7a5a1f rgb(122,90,31)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#5a1f7a
```
#5a1f7a rgb(90,31,122)
```

Triadic Color

#3f7a1f
```
#3f7a1f rgb(63,122,31)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#5a1f7a
```
#5a1f7a rgb(90,31,122)
```
#7a1f3f
```
#7a1f3f rgb(122,31,63)
```

Tetradic Color

#103d2d
```
#103d2d rgb(16,61,45)
```
#15513c
```
#15513c rgb(21,81,60)
```
#1a664b
```
#1a664b rgb(26,102,75)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#248e69
```
#248e69 rgb(36,142,105)
```
#29a378
```
#29a378 rgb(41,163,120)
```
#2fb787
```
#2fb787 rgb(47,183,135)
```

Monochromatic Color

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

#1f7a43
```
#1f7a43 rgb(31,122,67)
```
#1f7a4b
```
#1f7a4b rgb(31,122,75)
```
#1f7a52
```
#1f7a52 rgb(31,122,82)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#1f7a62
```
#1f7a62 rgb(31,122,98)
```
#1f7a69
```
#1f7a69 rgb(31,122,105)
```
#1f7a71
```
#1f7a71 rgb(31,122,113)
```

Similar Colors

Text with hexadecimal color #1f7a5a

This text has a font color of #1f7a5a.

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

#1f7a5a background color

This paragraph has a background color of #1f7a5a.

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

#1f7a5a border color

This element has a border color of #1f7a5a.

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

CSS codes

.text {color:#1f7a5a;}

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

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

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, #030d09 is the darkest color, while #fcfefd is the lightest one.

#030d09
```
#030d09 rgb(3,13,9)
```
#071c15
```
#071c15 rgb(7,28,21)
```
#0b2c20
```
#0b2c20 rgb(11,44,32)
```
#0f3b2c
```
#0f3b2c rgb(15,59,44)
```
#134b37
```
#134b37 rgb(19,75,55)
```
#175b43
```
#175b43 rgb(23,91,67)
```
#1b6a4e
```
#1b6a4e rgb(27,106,78)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#238a66
```
#238a66 rgb(35,138,102)
```
#279971
```
#279971 rgb(39,153,113)
```
#2ba97d
```
#2ba97d rgb(43,169,125)
```
#2fb988
```
#2fb988 rgb(47,185,136)
```
#33c894
```
#33c894 rgb(51,200,148)
```

Shade Color Variation

#40cf9c
```
#40cf9c rgb(64,207,156)
```
#50d2a5
```
#50d2a5 rgb(80,210,165)
```
#5fd6ad
```
#5fd6ad rgb(95,214,173)
```
#6fdab5
```
#6fdab5 rgb(111,218,181)
```
#7fdebd
```
#7fdebd rgb(127,222,189)
```
#8ee2c5
```
#8ee2c5 rgb(142,226,197)
```
#9ee6cd
```
#9ee6cd rgb(158,230,205)
```
#aeead5
```
#aeead5 rgb(174,234,213)
```
#bdeedd
```
#bdeedd rgb(189,238,221)
```
#cdf2e5
```
#cdf2e5 rgb(205,242,229)
```
#ddf6ed
```
#ddf6ed rgb(221,246,237)
```
#ecfaf5
```
#ecfaf5 rgb(236,250,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#48514e
```
#48514e rgb(72,81,78)
```
#425750
```
#425750 rgb(66,87,80)
```
#3c5d51
```
#3c5d51 rgb(60,93,81)
```
#376253
```
#376253 rgb(55,98,83)
```
#316855
```
#316855 rgb(49,104,85)
```
#2b6e57
```
#2b6e57 rgb(43,110,87)
```
#257458
```
#257458 rgb(37,116,88)
```
#1f7a5a
```
#1f7a5a rgb(31,122,90)
```
#19805c
```
#19805c rgb(25,128,92)
```
#13865d
```
#13865d rgb(19,134,93)
```
#0d8c5f
```
#0d8c5f rgb(13,140,95)
```
#079261
```
#079261 rgb(7,146,97)
```
#029763
```
#029763 rgb(2,151,99)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f615b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a735c Protanopia 1% of men
#826f68 Deuteranopia 1% of men
#3d7c85 Tritanopia 0.001% of the population

Trichromacy

#59755b Protanomaly 1% of men, 0.01% of women
#5e7363 Deuteranomaly 6% of men, 0.4% of women
#327b75 Tritanomaly 0.01% of the population

#1f7a5a hex color

#1f7a5a Color Information

#1f7a5a Color Conversion

Color Schemes with #1f7a5a

Alternatives to #1f7a5a

#1f7a5a Preview

Shades and Tints of #1f7a5a

Tones of #1f7a5a

Color Blindness Simulator