#1fa550 hex color

In a RGB color space, hex #1fa550 is composed of 12.2% red, 64.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 51.5% yellow and 35.3% black. It has a hue angle of 141.9 degrees, a saturation of 68.4% and a lightness of 38.4%. #1fa550 color hex could be obtained by blending #3effa0 with #004b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 65
- B 31
RGB color chart
- C 81
- M 0
- Y 52
- K 35
CMYK color chart

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

The hexadecimal color #1fa550 has RGB values of R:31, G:165, B:80 and CMYK values of C:0.81, M:0, Y:0.52, K:0.35. Its decimal value is 2073936.

Hex triplet	1fa550	`#1fa550`
RGB Decimal	31, 165, 80	`rgb(31,165,80)`
RGB Percent	12.2, 64.7, 31.4	`rgb(12.2%,64.7%,31.4%)`
CMYK	81, 0, 52, 35
HSL	141.9°, 68.4, 38.4	`hsl(141.9,68.4%,38.4%)`
HSV (or HSB)	141.9°, 81.2, 64.7
Web Safe	339966	`#339966`

CIE-LAB	59.689, -53.267, 34.248
XYZ	15.467, 27.779, 12.136
xyY	0.279, 0.502, 27.779
CIE-LCH	59.689, 63.327, 147.261
CIE-LUV	59.689, -51.058, 50.622
Hunter-Lab	52.706, -39.853, 23.242
Binary	00011111, 10100101, 01010000

#1fa550
```
#1fa550 rgb(31,165,80)
```
#a51f74
```
#a51f74 rgb(165,31,116)
```

Complementary Color

#31a51f
```
#31a51f rgb(49,165,31)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#1fa593
```
#1fa593 rgb(31,165,147)
```

Analogous Color

#a51f31
```
#a51f31 rgb(165,31,49)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#931fa5
```
#931fa5 rgb(147,31,165)
```

Split Complementary Color

#a5501f
```
#a5501f rgb(165,80,31)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#501fa5
```
#501fa5 rgb(80,31,165)
```

Triadic Color

#74a51f
```
#74a51f rgb(116,165,31)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#501fa5
```
#501fa5 rgb(80,31,165)
```
#a51f74
```
#a51f74 rgb(165,31,116)
```

Tetradic Color

#136531
```
#136531 rgb(19,101,49)
```
#177a3b
```
#177a3b rgb(23,122,59)
```
#1b9046
```
#1b9046 rgb(27,144,70)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#23ba5a
```
#23ba5a rgb(35,186,90)
```
#27d065
```
#27d065 rgb(39,208,101)
```
#37d972
```
#37d972 rgb(55,217,114)
```

Monochromatic Color

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

#1fa52f
```
#1fa52f rgb(31,165,47)
```
#1fa53a
```
#1fa53a rgb(31,165,58)
```
#1fa545
```
#1fa545 rgb(31,165,69)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#1fa55b
```
#1fa55b rgb(31,165,91)
```
#1fa566
```
#1fa566 rgb(31,165,102)
```
#1fa572
```
#1fa572 rgb(31,165,114)
```

Similar Colors

Text with hexadecimal color #1fa550

This text has a font color of #1fa550.

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

#1fa550 background color

This paragraph has a background color of #1fa550.

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

#1fa550 border color

This element has a border color of #1fa550.

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

CSS codes

.text {color:#1fa550;}

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

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

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

#031008
```
#031008 rgb(3,16,8)
```
#062110
```
#062110 rgb(6,33,16)
```
#093118
```
#093118 rgb(9,49,24)
```
#0c4220
```
#0c4220 rgb(12,66,32)
```
#0f5228
```
#0f5228 rgb(15,82,40)
```
#136330
```
#136330 rgb(19,99,48)
```
#167338
```
#167338 rgb(22,115,56)
```
#198440
```
#198440 rgb(25,132,64)
```
#1c9448
```
#1c9448 rgb(28,148,72)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#22b658
```
#22b658 rgb(34,182,88)
```
#25c660
```
#25c660 rgb(37,198,96)
```
#28d768
```
#28d768 rgb(40,215,104)
```

Shade Color Variation

#39da74
```
#39da74 rgb(57,218,116)
```
#49dd7f
```
#49dd7f rgb(73,221,127)
```
#5ae08b
```
#5ae08b rgb(90,224,139)
```
#6ae396
```
#6ae396 rgb(106,227,150)
```
#7be6a2
```
#7be6a2 rgb(123,230,162)
```
#8be9ae
```
#8be9ae rgb(139,233,174)
```
#9cecb9
```
#9cecb9 rgb(156,236,185)
```
#acefc5
```
#acefc5 rgb(172,239,197)
```
#bdf3d0
```
#bdf3d0 rgb(189,243,208)
```
#cdf6dc
```
#cdf6dc rgb(205,246,220)
```
#def9e8
```
#def9e8 rgb(222,249,232)
```
#eefcf3
```
#eefcf3 rgb(238,252,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6960
```
#5b6960 rgb(91,105,96)
```
#54705e
```
#54705e rgb(84,112,94)
```
#4c785c
```
#4c785c rgb(76,120,92)
```
#457f5a
```
#457f5a rgb(69,127,90)
```
#3d8758
```
#3d8758 rgb(61,135,88)
```
#368e56
```
#368e56 rgb(54,142,86)
```
#2e9654
```
#2e9654 rgb(46,150,84)
```
#279d52
```
#279d52 rgb(39,157,82)
```
#1fa550
```
#1fa550 rgb(31,165,80)
```
#17ad4e
```
#17ad4e rgb(23,173,78)
```
#10b44c
```
#10b44c rgb(16,180,76)
```
#08bc4a
```
#08bc4a rgb(8,188,74)
```
#01c348
```
#01c348 rgb(1,195,72)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#627d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49552 Protanopia 1% of men
#b28f62 Deuteranopia 1% of men
#53a0ac Tritanopia 0.001% of the population

Trichromacy

#739b51 Protanomaly 1% of men, 0.01% of women
#7d975b Deuteranomaly 6% of men, 0.4% of women
#40a28a Tritanomaly 0.01% of the population

#1fa550 hex color

#1fa550 Color Information

#1fa550 Color Conversion

Color Schemes with #1fa550

Alternatives to #1fa550

#1fa550 Preview

Shades and Tints of #1fa550

Tones of #1fa550

Color Blindness Simulator