#1f976c hex color

In a RGB color space, hex #1f976c is composed of 12.2% red, 59.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 28.5% yellow and 40.8% black. It has a hue angle of 158.5 degrees, a saturation of 65.9% and a lightness of 35.7%. #1f976c color hex could be obtained by blending #3effd8 with #002f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 59
- B 42
RGB color chart
- C 79
- M 0
- Y 28
- K 41
CMYK color chart

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

The hexadecimal color #1f976c has RGB values of R:31, G:151, B:108 and CMYK values of C:0.79, M:0, Y:0.28, K:0.41. Its decimal value is 2070380.

Hex triplet	1f976c	`#1f976c`
RGB Decimal	31, 151, 108	`rgb(31,151,108)`
RGB Percent	12.2, 59.2, 42.4	`rgb(12.2%,59.2%,42.4%)`
CMYK	79, 0, 28, 41
HSL	158.5°, 65.9, 35.7	`hsl(158.5,65.9%,35.7%)`
HSV (or HSB)	158.5°, 79.5, 59.2
Web Safe	339966	`#339966`

CIE-LAB	55.59, -42.413, 13.729
XYZ	14.337, 23.506, 17.968
xyY	0.257, 0.421, 23.506
CIE-LCH	55.59, 44.58, 162.063
CIE-LUV	55.59, -44.489, 24.837
Hunter-Lab	48.483, -32.059, 11.965
Binary	00011111, 10010111, 01101100

#1f976c
```
#1f976c rgb(31,151,108)
```
#971f4a
```
#971f4a rgb(151,31,74)
```

Complementary Color

#1f9730
```
#1f9730 rgb(31,151,48)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#1f8697
```
#1f8697 rgb(31,134,151)
```

Analogous Color

#97301f
```
#97301f rgb(151,48,31)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#971f86
```
#971f86 rgb(151,31,134)
```

Split Complementary Color

#976c1f
```
#976c1f rgb(151,108,31)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#6c1f97
```
#6c1f97 rgb(108,31,151)
```

Triadic Color

#4a971f
```
#4a971f rgb(74,151,31)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#6c1f97
```
#6c1f97 rgb(108,31,151)
```
#971f4a
```
#971f4a rgb(151,31,74)
```

Tetradic Color

#12583f
```
#12583f rgb(18,88,63)
```
#166d4e
```
#166d4e rgb(22,109,78)
```
#1b825d
```
#1b825d rgb(27,130,93)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#23ac7b
```
#23ac7b rgb(35,172,123)
```
#28c18a
```
#28c18a rgb(40,193,138)
```
#2ed499
```
#2ed499 rgb(46,212,153)
```

Monochromatic Color

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

#1f974e
```
#1f974e rgb(31,151,78)
```
#1f9758
```
#1f9758 rgb(31,151,88)
```
#1f9762
```
#1f9762 rgb(31,151,98)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#1f9776
```
#1f9776 rgb(31,151,118)
```
#1f9780
```
#1f9780 rgb(31,151,128)
```
#1f978a
```
#1f978a rgb(31,151,138)
```

Similar Colors

Text with hexadecimal color #1f976c

This text has a font color of #1f976c.

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

#1f976c background color

This paragraph has a background color of #1f976c.

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

#1f976c border color

This element has a border color of #1f976c.

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

CSS codes

.text {color:#1f976c;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#04150f
```
#04150f rgb(4,21,15)
```
#08251b
```
#08251b rgb(8,37,27)
```
#0b3526
```
#0b3526 rgb(11,53,38)
```
#0e4632
```
#0e4632 rgb(14,70,50)
```
#12563d
```
#12563d rgb(18,86,61)
```
#156649
```
#156649 rgb(21,102,73)
```
#187655
```
#187655 rgb(24,118,85)
```
#1c8760
```
#1c8760 rgb(28,135,96)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#22a778
```
#22a778 rgb(34,167,120)
```
#26b883
```
#26b883 rgb(38,184,131)
```
#29c88f
```
#29c88f rgb(41,200,143)
```

Shade Color Variation

#30d49a
```
#30d49a rgb(48,212,154)
```
#40d8a2
```
#40d8a2 rgb(64,216,162)
```
#51dba9
```
#51dba9 rgb(81,219,169)
```
#61dfb1
```
#61dfb1 rgb(97,223,177)
```
#71e2b9
```
#71e2b9 rgb(113,226,185)
```
#81e5c1
```
#81e5c1 rgb(129,229,193)
```
#92e9c9
```
#92e9c9 rgb(146,233,201)
```
#a2ecd1
```
#a2ecd1 rgb(162,236,209)
```
#b2efd9
```
#b2efd9 rgb(178,239,217)
```
#c2f3e1
```
#c2f3e1 rgb(194,243,225)
```
#d3f6e9
```
#d3f6e9 rgb(211,246,233)
```
#e3f9f1
```
#e3f9f1 rgb(227,249,241)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575f5c is the less saturated color, while #03b374 is the most saturated one.

#575f5c
```
#575f5c rgb(87,95,92)
```
#50665e
```
#50665e rgb(80,102,94)
```
#496d60
```
#496d60 rgb(73,109,96)
```
#427462
```
#427462 rgb(66,116,98)
```
#3b7b64
```
#3b7b64 rgb(59,123,100)
```
#348266
```
#348266 rgb(52,130,102)
```
#2d8968
```
#2d8968 rgb(45,137,104)
```
#26906a
```
#26906a rgb(38,144,106)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#189e6e
```
#189e6e rgb(24,158,110)
```
#11a570
```
#11a570 rgb(17,165,112)
```
#0aac72
```
#0aac72 rgb(10,172,114)
```
#03b374
```
#03b374 rgb(3,179,116)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5e766e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948b6c Protanopia 1% of men
#9e867b Deuteranopia 1% of men
#4696a1 Tritanopia 0.001% of the population

Trichromacy

#698f6c Protanomaly 1% of men, 0.01% of women
#708c75 Deuteranomaly 6% of men, 0.4% of women
#38968d Tritanomaly 0.01% of the population

#1f976c hex color

#1f976c Color Information

#1f976c Color Conversion

Color Schemes with #1f976c

Alternatives to #1f976c

#1f976c Preview

Shades and Tints of #1f976c

Tones of #1f976c

Color Blindness Simulator