#1fa058 hex color

In a RGB color space, hex #1fa058 is composed of 12.2% red, 62.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 45% yellow and 37.3% black. It has a hue angle of 146.5 degrees, a saturation of 67.5% and a lightness of 37.5%. #1fa058 color hex could be obtained by blending #3effb0 with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 63
- B 35
RGB color chart
- C 81
- M 0
- Y 45
- K 37
CMYK color chart

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

The hexadecimal color #1fa058 has RGB values of R:31, G:160, B:88 and CMYK values of C:0.81, M:0, Y:0.45, K:0.37. Its decimal value is 2072664.

Hex triplet	1fa058	`#1fa058`
RGB Decimal	31, 160, 88	`rgb(31,160,88)`
RGB Percent	12.2, 62.7, 34.5	`rgb(12.2%,62.7%,34.5%)`
CMYK	81, 0, 45, 37
HSL	146.5°, 67.5, 37.5	`hsl(146.5,67.5%,37.5%)`
HSV (or HSB)	146.5°, 80.6, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.166, -50.103, 28.164
XYZ	14.896, 26.136, 13.492
xyY	0.273, 0.479, 26.136
CIE-LCH	58.166, 57.476, 150.659
CIE-LUV	58.166, -48.895, 43.41
Hunter-Lab	51.123, -37.455, 20.139
Binary	00011111, 10100000, 01011000

#1fa058
```
#1fa058 rgb(31,160,88)
```
#a01f67
```
#a01f67 rgb(160,31,103)
```

Complementary Color

#27a01f
```
#27a01f rgb(39,160,31)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#1fa099
```
#1fa099 rgb(31,160,153)
```

Analogous Color

#a01f27
```
#a01f27 rgb(160,31,39)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#991fa0
```
#991fa0 rgb(153,31,160)
```

Split Complementary Color

#a0581f
```
#a0581f rgb(160,88,31)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#581fa0
```
#581fa0 rgb(88,31,160)
```

Triadic Color

#67a01f
```
#67a01f rgb(103,160,31)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#581fa0
```
#581fa0 rgb(88,31,160)
```
#a01f67
```
#a01f67 rgb(160,31,103)
```

Tetradic Color

#136035
```
#136035 rgb(19,96,53)
```
#177541
```
#177541 rgb(23,117,65)
```
#1b8b4c
```
#1b8b4c rgb(27,139,76)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#23b564
```
#23b564 rgb(35,181,100)
```
#27cb6f
```
#27cb6f rgb(39,203,111)
```
#34d87c
```
#34d87c rgb(52,216,124)
```

Monochromatic Color

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

#1fa038
```
#1fa038 rgb(31,160,56)
```
#1fa042
```
#1fa042 rgb(31,160,66)
```
#1fa04d
```
#1fa04d rgb(31,160,77)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#1fa063
```
#1fa063 rgb(31,160,99)
```
#1fa06e
```
#1fa06e rgb(31,160,110)
```
#1fa078
```
#1fa078 rgb(31,160,120)
```

Similar Colors

Text with hexadecimal color #1fa058

This text has a font color of #1fa058.

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

#1fa058 background color

This paragraph has a background color of #1fa058.

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

#1fa058 border color

This element has a border color of #1fa058.

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

CSS codes

.text {color:#1fa058;}

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

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

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, #020c07 is the darkest color, while #fbfefc is the lightest one.

#020c07
```
#020c07 rgb(2,12,7)
```
#061d10
```
#061d10 rgb(6,29,16)
```
#092d19
```
#092d19 rgb(9,45,25)
```
#0c3d22
```
#0c3d22 rgb(12,61,34)
```
#0f4e2b
```
#0f4e2b rgb(15,78,43)
```
#125e34
```
#125e34 rgb(18,94,52)
```
#156f3d
```
#156f3d rgb(21,111,61)
```
#197f46
```
#197f46 rgb(25,127,70)
```
#1c904f
```
#1c904f rgb(28,144,79)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#22b061
```
#22b061 rgb(34,176,97)
```
#25c16a
```
#25c16a rgb(37,193,106)
```
#29d173
```
#29d173 rgb(41,209,115)
```

Shade Color Variation

#36d87d
```
#36d87d rgb(54,216,125)
```
#46db88
```
#46db88 rgb(70,219,136)
```
#56de92
```
#56de92 rgb(86,222,146)
```
#67e29d
```
#67e29d rgb(103,226,157)
```
#77e5a8
```
#77e5a8 rgb(119,229,168)
```
#88e8b2
```
#88e8b2 rgb(136,232,178)
```
#98ebbd
```
#98ebbd rgb(152,235,189)
```
#a9eec7
```
#a9eec7 rgb(169,238,199)
```
#b9f1d2
```
#b9f1d2 rgb(185,241,210)
```
#c9f5dc
```
#c9f5dc rgb(201,245,220)
```
#daf8e7
```
#daf8e7 rgb(218,248,231)
```
#eafbf2
```
#eafbf2 rgb(234,251,242)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a655f is the less saturated color, while #02bd55 is the most saturated one.

#5a655f
```
#5a655f rgb(90,101,95)
```
#526d5e
```
#526d5e rgb(82,109,94)
```
#4b745d
```
#4b745d rgb(75,116,93)
```
#447b5c
```
#447b5c rgb(68,123,92)
```
#3c835b
```
#3c835b rgb(60,131,91)
```
#358a5b
```
#358a5b rgb(53,138,91)
```
#2e915a
```
#2e915a rgb(46,145,90)
```
#269959
```
#269959 rgb(38,153,89)
```
#1fa058
```
#1fa058 rgb(31,160,88)
```
#18a757
```
#18a757 rgb(24,167,87)
```
#10af56
```
#10af56 rgb(16,175,86)
```
#09b655
```
#09b655 rgb(9,182,85)
```
#02bd55
```
#02bd55 rgb(2,189,85)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#617a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9159 Protanopia 1% of men
#ac8c69 Deuteranopia 1% of men
#4f9ca8 Tritanopia 0.001% of the population

Trichromacy

#709659 Protanomaly 1% of men, 0.01% of women
#789363 Deuteranomaly 6% of men, 0.4% of women
#3d9d8a Tritanomaly 0.01% of the population

#1fa058 hex color

#1fa058 Color Information

#1fa058 Color Conversion

Color Schemes with #1fa058

Alternatives to #1fa058

#1fa058 Preview

Shades and Tints of #1fa058

Tones of #1fa058

Color Blindness Simulator