#1fd286 hex color

In a RGB color space, hex #1fd286 is composed of 12.2% red, 82.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 0% magenta, 36.2% yellow and 17.6% black. It has a hue angle of 154.5 degrees, a saturation of 74.3% and a lightness of 47.3%. #1fd286 color hex could be obtained by blending #3effff with #00a50d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 12
- G 82
- B 53
RGB color chart
- C 85
- M 0
- Y 36
- K 18
CMYK color chart

● #1fd286 color description : Strong cyan - lime green.

The hexadecimal color #1fd286 has RGB values of R:31, G:210, B:134 and CMYK values of C:0.85, M:0, Y:0.36, K:0.18. Its decimal value is 2085510.

Hex triplet	1fd286	`#1fd286`
RGB Decimal	31, 210, 134	`rgb(31,210,134)`
RGB Percent	12.2, 82.4, 52.5	`rgb(12.2%,82.4%,52.5%)`
CMYK	85, 0, 36, 18
HSL	154.5°, 74.3, 47.3	`hsl(154.5,74.3%,47.3%)`
HSV (or HSB)	154.5°, 85.2, 82.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.89, -59.42, 26.037
XYZ	27.913, 48.103, 30.367
xyY	0.262, 0.452, 48.103
CIE-LCH	74.89, 64.874, 156.338
CIE-LUV	74.89, -63.292, 45.476
Hunter-Lab	69.356, -49.535, 22.59
Binary	00011111, 11010010, 10000110

#1fd286
```
#1fd286 rgb(31,210,134)
```
#d21f6b
```
#d21f6b rgb(210,31,107)
```

Complementary Color

#1fd22d
```
#1fd22d rgb(31,210,45)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#1fc5d2
```
#1fc5d2 rgb(31,197,210)
```

Analogous Color

#d22c1f
```
#d22c1f rgb(210,44,31)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#d21fc5
```
#d21fc5 rgb(210,31,197)
```

Split Complementary Color

#d2861f
```
#d2861f rgb(210,134,31)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#861fd2
```
#861fd2 rgb(134,31,210)
```

Triadic Color

#6bd21f
```
#6bd21f rgb(107,210,31)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#861fd2
```
#861fd2 rgb(134,31,210)
```
#d21f6b
```
#d21f6b rgb(210,31,107)
```

Tetradic Color

#158f5b
```
#158f5b rgb(21,143,91)
```
#18a66a
```
#18a66a rgb(24,166,106)
```
#1cbc78
```
#1cbc78 rgb(28,188,120)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#2be093
```
#2be093 rgb(43,224,147)
```
#41e39e
```
#41e39e rgb(65,227,158)
```
#57e6aa
```
#57e6aa rgb(87,230,170)
```

Monochromatic Color

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

#1fd259
```
#1fd259 rgb(31,210,89)
```
#1fd268
```
#1fd268 rgb(31,210,104)
```
#1fd277
```
#1fd277 rgb(31,210,119)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#1fd295
```
#1fd295 rgb(31,210,149)
```
#1fd2a4
```
#1fd2a4 rgb(31,210,164)
```
#1fd2b3
```
#1fd2b3 rgb(31,210,179)
```

Similar Colors

Text with hexadecimal color #1fd286

This text has a font color of #1fd286.

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

#1fd286 background color

This paragraph has a background color of #1fd286.

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

#1fd286 border color

This element has a border color of #1fd286.

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

CSS codes

.text {color:#1fd286;}

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

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

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)
```
#03160e
```
#03160e rgb(3,22,14)
```
#062719
```
#062719 rgb(6,39,25)
```
#083824
```
#083824 rgb(8,56,36)
```
#0b492f
```
#0b492f rgb(11,73,47)
```
#0d5a3a
```
#0d5a3a rgb(13,90,58)
```
#106b45
```
#106b45 rgb(16,107,69)
```
#127d4f
```
#127d4f rgb(18,125,79)
```
#158e5a
```
#158e5a rgb(21,142,90)
```
#179f65
```
#179f65 rgb(23,159,101)
```
#1ab070
```
#1ab070 rgb(26,176,112)
```
#1cc17b
```
#1cc17b rgb(28,193,123)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```

Shade Color Variation

#26df90
```
#26df90 rgb(38,223,144)
```
#37e199
```
#37e199 rgb(55,225,153)
```
#48e4a2
```
#48e4a2 rgb(72,228,162)
```
#59e6aa
```
#59e6aa rgb(89,230,170)
```
#6ae9b3
```
#6ae9b3 rgb(106,233,179)
```
#7becbc
```
#7becbc rgb(123,236,188)
```
#8ceec5
```
#8ceec5 rgb(140,238,197)
```
#9df1cd
```
#9df1cd rgb(157,241,205)
```
#aef3d6
```
#aef3d6 rgb(174,243,214)
```
#c0f6df
```
#c0f6df rgb(192,246,223)
```
#d1f8e7
```
#d1f8e7 rgb(209,248,231)
```
#e2fbf0
```
#e2fbf0 rgb(226,251,240)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

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

#727f79
```
#727f79 rgb(114,127,121)
```
#69887b
```
#69887b rgb(105,136,123)
```
#60917c
```
#60917c rgb(96,145,124)
```
#579a7e
```
#579a7e rgb(87,154,126)
```
#4da47f
```
#4da47f rgb(77,164,127)
```
#44ad80
```
#44ad80 rgb(68,173,128)
```
#3bb682
```
#3bb682 rgb(59,182,130)
```
#32bf83
```
#32bf83 rgb(50,191,131)
```
#28c985
```
#28c985 rgb(40,201,133)
```
#1fd286
```
#1fd286 rgb(31,210,134)
```
#16db87
```
#16db87 rgb(22,219,135)
```
#0ce589
```
#0ce589 rgb(12,229,137)
```
#03ee8a
```
#03ee8a rgb(3,238,138)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7da091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbb82 Protanopia 1% of men
#dab597 Deuteranopia 1% of men
#5ecad9 Tritanopia 0.001% of the population

Trichromacy

#8cc383 Protanomaly 1% of men, 0.01% of women
#96bf90 Deuteranomaly 6% of men, 0.4% of women
#47cdbb Tritanomaly 0.01% of the population

#1fd286 hex color

#1fd286 Color Information

#1fd286 Color Conversion

Color Schemes with #1fd286

Alternatives to #1fd286

#1fd286 Preview

Shades and Tints of #1fd286

Tones of #1fd286

Color Blindness Simulator