#1fa158 hex color

In a RGB color space, hex #1fa158 is composed of 12.2% red, 63.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 45.3% yellow and 36.9% black. It has a hue angle of 146.3 degrees, a saturation of 67.7% and a lightness of 37.6%. #1fa158 color hex could be obtained by blending #3effb0 with #004300. 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

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

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

Hex triplet	1fa158	`#1fa158`
RGB Decimal	31, 161, 88	`rgb(31,161,88)`
RGB Percent	12.2, 63.1, 34.5	`rgb(12.2%,63.1%,34.5%)`
CMYK	81, 0, 45, 37
HSL	146.3°, 67.7, 37.6	`hsl(146.3,67.7%,37.6%)`
HSV (or HSB)	146.3°, 80.7, 63.1
Web Safe	339966	`#339966`

CIE-LAB	58.494, -50.47, 28.586
XYZ	15.07, 26.484, 13.55
xyY	0.273, 0.481, 26.484
CIE-LCH	58.494, 58.004, 150.473
CIE-LUV	58.494, -49.247, 43.998
Hunter-Lab	51.463, -37.788, 20.413
Binary	00011111, 10100001, 01011000

#1fa158
```
#1fa158 rgb(31,161,88)
```
#a11f68
```
#a11f68 rgb(161,31,104)
```

Complementary Color

#27a11f
```
#27a11f rgb(39,161,31)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#1fa199
```
#1fa199 rgb(31,161,153)
```

Analogous Color

#a11f27
```
#a11f27 rgb(161,31,39)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#991fa1
```
#991fa1 rgb(153,31,161)
```

Split Complementary Color

#a1581f
```
#a1581f rgb(161,88,31)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#581fa1
```
#581fa1 rgb(88,31,161)
```

Triadic Color

#68a11f
```
#68a11f rgb(104,161,31)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#581fa1
```
#581fa1 rgb(88,31,161)
```
#a11f68
```
#a11f68 rgb(161,31,104)
```

Tetradic Color

#136135
```
#136135 rgb(19,97,53)
```
#177641
```
#177641 rgb(23,118,65)
```
#1b8c4c
```
#1b8c4c rgb(27,140,76)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#23b664
```
#23b664 rgb(35,182,100)
```
#27cc6f
```
#27cc6f rgb(39,204,111)
```
#34d87c
```
#34d87c rgb(52,216,124)
```

Monochromatic Color

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

#1fa138
```
#1fa138 rgb(31,161,56)
```
#1fa142
```
#1fa142 rgb(31,161,66)
```
#1fa14d
```
#1fa14d rgb(31,161,77)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#1fa163
```
#1fa163 rgb(31,161,99)
```
#1fa16e
```
#1fa16e rgb(31,161,110)
```
#1fa179
```
#1fa179 rgb(31,161,121)
```

Similar Colors

Text with hexadecimal color #1fa158

This text has a font color of #1fa158.

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

#1fa158 background color

This paragraph has a background color of #1fa158.

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

#1fa158 border color

This element has a border color of #1fa158.

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

CSS codes

.text {color:#1fa158;}

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

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

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

#020d07
```
#020d07 rgb(2,13,7)
```
#061d10
```
#061d10 rgb(6,29,16)
```
#092e19
```
#092e19 rgb(9,46,25)
```
#0c3e22
```
#0c3e22 rgb(12,62,34)
```
#0f4f2b
```
#0f4f2b rgb(15,79,43)
```
#125f34
```
#125f34 rgb(18,95,52)
```
#15703d
```
#15703d rgb(21,112,61)
```
#198046
```
#198046 rgb(25,128,70)
```
#1c914f
```
#1c914f rgb(28,145,79)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#22b161
```
#22b161 rgb(34,177,97)
```
#25c26a
```
#25c26a rgb(37,194,106)
```
#29d273
```
#29d273 rgb(41,210,115)
```

Shade Color Variation

#36d87d
```
#36d87d rgb(54,216,125)
```
#47db88
```
#47db88 rgb(71,219,136)
```
#57df93
```
#57df93 rgb(87,223,147)
```
#67e29d
```
#67e29d rgb(103,226,157)
```
#78e5a8
```
#78e5a8 rgb(120,229,168)
```
#88e8b2
```
#88e8b2 rgb(136,232,178)
```
#99ebbd
```
#99ebbd rgb(153,235,189)
```
#a9eec8
```
#a9eec8 rgb(169,238,200)
```
#baf2d2
```
#baf2d2 rgb(186,242,210)
```
#caf5dd
```
#caf5dd rgb(202,245,221)
```
#dbf8e8
```
#dbf8e8 rgb(219,248,232)
```
#ebfbf2
```
#ebfbf2 rgb(235,251,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#5a665f
```
#5a665f rgb(90,102,95)
```
#536d5e
```
#536d5e rgb(83,109,94)
```
#4b755d
```
#4b755d rgb(75,117,93)
```
#447c5d
```
#447c5d rgb(68,124,93)
```
#3d835c
```
#3d835c rgb(61,131,92)
```
#358b5b
```
#358b5b rgb(53,139,91)
```
#2e925a
```
#2e925a rgb(46,146,90)
```
#269a59
```
#269a59 rgb(38,154,89)
```
#1fa158
```
#1fa158 rgb(31,161,88)
```
#18a857
```
#18a857 rgb(24,168,87)
```
#10b056
```
#10b056 rgb(16,176,86)
```
#09b755
```
#09b755 rgb(9,183,85)
```
#01bf54
```
#01bf54 rgb(1,191,84)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#617b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09259 Protanopia 1% of men
#ad8c69 Deuteranopia 1% of men
#509da8 Tritanopia 0.001% of the population

Trichromacy

#719759 Protanomaly 1% of men, 0.01% of women
#799463 Deuteranomaly 6% of men, 0.4% of women
#3e9e8b Tritanomaly 0.01% of the population

#1fa158 hex color

#1fa158 Color Information

#1fa158 Color Conversion

Color Schemes with #1fa158

Alternatives to #1fa158

#1fa158 Preview

Shades and Tints of #1fa158

Tones of #1fa158

Color Blindness Simulator