#1fd475 hex color

In a RGB color space, hex #1fd475 is composed of 12.2% red, 83.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 0% magenta, 44.8% yellow and 16.9% black. It has a hue angle of 148.5 degrees, a saturation of 74.5% and a lightness of 47.6%. #1fd475 color hex could be obtained by blending #3effea with #00a900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 12
- G 83
- B 46
RGB color chart
- C 85
- M 0
- Y 45
- K 17
CMYK color chart

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

The hexadecimal color #1fd475 has RGB values of R:31, G:212, B:117 and CMYK values of C:0.85, M:0, Y:0.45, K:0.17. Its decimal value is 2086005.

Hex triplet	1fd475	`#1fd475`
RGB Decimal	31, 212, 117	`rgb(31,212,117)`
RGB Percent	12.2, 83.1, 45.9	`rgb(12.2%,83.1%,45.9%)`
CMYK	85, 0, 45, 17
HSL	148.5°, 74.5, 47.6	`hsl(148.5,74.5%,47.6%)`
HSV (or HSB)	148.5°, 85.4, 83.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	75.239, -63.305, 35.199
XYZ	27.317, 48.66, 24.781
xyY	0.271, 0.483, 48.66
CIE-LCH	75.239, 72.433, 150.925
CIE-LUV	75.239, -64.981, 57.035
Hunter-Lab	69.756, -52.171, 27.767
Binary	00011111, 11010100, 01110101

#1fd475
```
#1fd475 rgb(31,212,117)
```
#d41f7e
```
#d41f7e rgb(212,31,126)
```

Complementary Color

#23d41f
```
#23d41f rgb(35,212,31)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#1fd4d0
```
#1fd4d0 rgb(31,212,208)
```

Analogous Color

#d41f23
```
#d41f23 rgb(212,31,35)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#d01fd4
```
#d01fd4 rgb(208,31,212)
```

Split Complementary Color

#d4751f
```
#d4751f rgb(212,117,31)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#751fd4
```
#751fd4 rgb(117,31,212)
```

Triadic Color

#7ed41f
```
#7ed41f rgb(126,212,31)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#751fd4
```
#751fd4 rgb(117,31,212)
```
#d41f7e
```
#d41f7e rgb(212,31,126)
```

Tetradic Color

#159150
```
#159150 rgb(21,145,80)
```
#18a85c
```
#18a85c rgb(24,168,92)
```
#1cbe69
```
#1cbe69 rgb(28,190,105)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#2ce082
```
#2ce082 rgb(44,224,130)
```
#43e38f
```
#43e38f rgb(67,227,143)
```
#59e79c
```
#59e79c rgb(89,231,156)
```

Monochromatic Color

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

#1fd448
```
#1fd448 rgb(31,212,72)
```
#1fd457
```
#1fd457 rgb(31,212,87)
```
#1fd466
```
#1fd466 rgb(31,212,102)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#1fd484
```
#1fd484 rgb(31,212,132)
```
#1fd493
```
#1fd493 rgb(31,212,147)
```
#1fd4a2
```
#1fd4a2 rgb(31,212,162)
```

Similar Colors

Text with hexadecimal color #1fd475

This text has a font color of #1fd475.

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

#1fd475 background color

This paragraph has a background color of #1fd475.

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

#1fd475 border color

This element has a border color of #1fd475.

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

CSS codes

.text {color:#1fd475;}

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

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

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

#010704
```
#010704 rgb(1,7,4)
```
#03180d
```
#03180d rgb(3,24,13)
```
#062917
```
#062917 rgb(6,41,23)
```
#083a20
```
#083a20 rgb(8,58,32)
```
#0b4b29
```
#0b4b29 rgb(11,75,41)
```
#0d5c33
```
#0d5c33 rgb(13,92,51)
```
#106d3c
```
#106d3c rgb(16,109,60)
```
#127e46
```
#127e46 rgb(18,126,70)
```
#15904f
```
#15904f rgb(21,144,79)
```
#17a159
```
#17a159 rgb(23,161,89)
```
#1ab262
```
#1ab262 rgb(26,178,98)
```
#1cc36c
```
#1cc36c rgb(28,195,108)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```

Shade Color Variation

#27df7f
```
#27df7f rgb(39,223,127)
```
#38e289
```
#38e289 rgb(56,226,137)
```
#49e493
```
#49e493 rgb(73,228,147)
```
#5be79d
```
#5be79d rgb(91,231,157)
```
#6ce9a7
```
#6ce9a7 rgb(108,233,167)
```
#7decb2
```
#7decb2 rgb(125,236,178)
```
#8eeebc
```
#8eeebc rgb(142,238,188)
```
#9ff1c6
```
#9ff1c6 rgb(159,241,198)
```
#b0f3d0
```
#b0f3d0 rgb(176,243,208)
```
#c1f6da
```
#c1f6da rgb(193,246,218)
```
#d2f8e4
```
#d2f8e4 rgb(210,248,228)
```
#e3fbef
```
#e3fbef rgb(227,251,239)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

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

#738079
```
#738079 rgb(115,128,121)
```
#6a8979
```
#6a8979 rgb(106,137,121)
```
#609378
```
#609378 rgb(96,147,120)
```
#579c78
```
#579c78 rgb(87,156,120)
```
#4ea577
```
#4ea577 rgb(78,165,119)
```
#44af77
```
#44af77 rgb(68,175,119)
```
#3bb876
```
#3bb876 rgb(59,184,118)
```
#32c176
```
#32c176 rgb(50,193,118)
```
#28cb75
```
#28cb75 rgb(40,203,117)
```
#1fd475
```
#1fd475 rgb(31,212,117)
```
#16dd75
```
#16dd75 rgb(22,221,117)
```
#0ce774
```
#0ce774 rgb(12,231,116)
```
#03f074
```
#03f074 rgb(3,240,116)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7ca08d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebc73 Protanopia 1% of men
#dfb587 Deuteranopia 1% of men
#63cbda Tritanopia 0.001% of the population

Trichromacy

#8ec573 Protanomaly 1% of men, 0.01% of women
#99c080 Deuteranomaly 6% of men, 0.4% of women
#4aceb5 Tritanomaly 0.01% of the population

#1fd475 hex color

#1fd475 Color Information

#1fd475 Color Conversion

Color Schemes with #1fd475

Alternatives to #1fd475

#1fd475 Preview

Shades and Tints of #1fd475

Tones of #1fd475

Color Blindness Simulator