#1fa248 hex color

In a RGB color space, hex #1fa248 is composed of 12.2% red, 63.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 55.6% yellow and 36.5% black. It has a hue angle of 138.8 degrees, a saturation of 67.9% and a lightness of 37.8%. #1fa248 color hex could be obtained by blending #3eff90 with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 12
- G 64
- B 28
RGB color chart
- C 81
- M 0
- Y 56
- K 36
CMYK color chart

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

The hexadecimal color #1fa248 has RGB values of R:31, G:162, B:72 and CMYK values of C:0.81, M:0, Y:0.56, K:0.36. Its decimal value is 2073160.

Hex triplet	1fa248	`#1fa248`
RGB Decimal	31, 162, 72	`rgb(31,162,72)`
RGB Percent	12.2, 63.5, 28.2	`rgb(12.2%,63.5%,28.2%)`
CMYK	81, 0, 56, 36
HSL	138.8°, 67.9, 37.8	`hsl(138.8,67.9%,37.8%)`
HSV (or HSB)	138.8°, 80.9, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.601, -53.446, 36.93
XYZ	14.654, 26.598, 10.492
xyY	0.283, 0.514, 26.598
CIE-LCH	58.601, 64.964, 145.357
CIE-LUV	58.601, -50.392, 52.93
Hunter-Lab	51.574, -39.535, 24.039
Binary	00011111, 10100010, 01001000

#1fa248
```
#1fa248 rgb(31,162,72)
```
#a21f79
```
#a21f79 rgb(162,31,121)
```

Complementary Color

#38a21f
```
#38a21f rgb(56,162,31)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#1fa28a
```
#1fa28a rgb(31,162,138)
```

Analogous Color

#a21f38
```
#a21f38 rgb(162,31,56)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#8a1fa2
```
#8a1fa2 rgb(138,31,162)
```

Split Complementary Color

#a2481f
```
#a2481f rgb(162,72,31)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#481fa2
```
#481fa2 rgb(72,31,162)
```

Triadic Color

#79a21f
```
#79a21f rgb(121,162,31)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#481fa2
```
#481fa2 rgb(72,31,162)
```
#a21f79
```
#a21f79 rgb(162,31,121)
```

Tetradic Color

#13622b
```
#13622b rgb(19,98,43)
```
#177735
```
#177735 rgb(23,119,53)
```
#1b8d3e
```
#1b8d3e rgb(27,141,62)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#23b752
```
#23b752 rgb(35,183,82)
```
#27cd5b
```
#27cd5b rgb(39,205,91)
```
#35d868
```
#35d868 rgb(53,216,104)
```

Monochromatic Color

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

#1fa227
```
#1fa227 rgb(31,162,39)
```
#1fa232
```
#1fa232 rgb(31,162,50)
```
#1fa23d
```
#1fa23d rgb(31,162,61)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#1fa253
```
#1fa253 rgb(31,162,83)
```
#1fa25e
```
#1fa25e rgb(31,162,94)
```
#1fa269
```
#1fa269 rgb(31,162,105)
```

Similar Colors

Text with hexadecimal color #1fa248

This text has a font color of #1fa248.

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

#1fa248 background color

This paragraph has a background color of #1fa248.

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

#1fa248 border color

This element has a border color of #1fa248.

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

CSS codes

.text {color:#1fa248;}

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

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

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

#030e06
```
#030e06 rgb(3,14,6)
```
#061e0d
```
#061e0d rgb(6,30,13)
```
#092f15
```
#092f15 rgb(9,47,21)
```
#0c3f1c
```
#0c3f1c rgb(12,63,28)
```
#0f5023
```
#0f5023 rgb(15,80,35)
```
#12602b
```
#12602b rgb(18,96,43)
```
#167132
```
#167132 rgb(22,113,50)
```
#198139
```
#198139 rgb(25,129,57)
```
#1c9241
```
#1c9241 rgb(28,146,65)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#22b24f
```
#22b24f rgb(34,178,79)
```
#25c357
```
#25c357 rgb(37,195,87)
```
#28d35e
```
#28d35e rgb(40,211,94)
```

Shade Color Variation

#37d969
```
#37d969 rgb(55,217,105)
```
#47dc76
```
#47dc76 rgb(71,220,118)
```
#58df82
```
#58df82 rgb(88,223,130)
```
#68e28e
```
#68e28e rgb(104,226,142)
```
#79e59b
```
#79e59b rgb(121,229,155)
```
#89e8a7
```
#89e8a7 rgb(137,232,167)
```
#9aecb3
```
#9aecb3 rgb(154,236,179)
```
#aaefc0
```
#aaefc0 rgb(170,239,192)
```
#baf2cc
```
#baf2cc rgb(186,242,204)
```
#cbf5d8
```
#cbf5d8 rgb(203,245,216)
```
#dbf8e4
```
#dbf8e4 rgb(219,248,228)
```
#ecfbf1
```
#ecfbf1 rgb(236,251,241)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#5a675e
```
#5a675e rgb(90,103,94)
```
#536e5b
```
#536e5b rgb(83,110,91)
```
#4c7559
```
#4c7559 rgb(76,117,89)
```
#447d56
```
#447d56 rgb(68,125,86)
```
#3d8453
```
#3d8453 rgb(61,132,83)
```
#358c50
```
#358c50 rgb(53,140,80)
```
#2e934e
```
#2e934e rgb(46,147,78)
```
#269b4b
```
#269b4b rgb(38,155,75)
```
#1fa248
```
#1fa248 rgb(31,162,72)
```
#18a945
```
#18a945 rgb(24,169,69)
```
#10b142
```
#10b142 rgb(16,177,66)
```
#09b840
```
#09b840 rgb(9,184,64)
```
#01c03d
```
#01c03d rgb(1,192,61)
```

Tone Color Variation

Below, you can see how #1fa248 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
#617b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1924b Protanopia 1% of men
#b08c5b Deuteranopia 1% of men
#539da8 Tritanopia 0.001% of the population

Trichromacy

#72984a Protanomaly 1% of men, 0.01% of women
#7b9454 Deuteranomaly 6% of men, 0.4% of women
#409f85 Tritanomaly 0.01% of the population

#1fa248 hex color

#1fa248 Color Information

#1fa248 Color Conversion

Color Schemes with #1fa248

Alternatives to #1fa248

#1fa248 Preview

Shades and Tints of #1fa248

Tones of #1fa248

Color Blindness Simulator