#1fbf96 hex color

In a RGB color space, hex #1fbf96 is composed of 12.2% red, 74.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 21.5% yellow and 25.1% black. It has a hue angle of 164.6 degrees, a saturation of 72.1% and a lightness of 43.5%. #1fbf96 color hex could be obtained by blending #3effff with #007f2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 12
- G 75
- B 59
RGB color chart
- C 84
- M 0
- Y 21
- K 25
CMYK color chart

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

The hexadecimal color #1fbf96 has RGB values of R:31, G:191, B:150 and CMYK values of C:0.84, M:0, Y:0.21, K:0.25. Its decimal value is 2080662.

Hex triplet	1fbf96	`#1fbf96`
RGB Decimal	31, 191, 150	`rgb(31,191,150)`
RGB Percent	12.2, 74.9, 58.8	`rgb(12.2%,74.9%,58.8%)`
CMYK	84, 0, 21, 25
HSL	164.6°, 72.1, 43.5	`hsl(164.6,72.1%,43.5%)`
HSV (or HSB)	164.6°, 83.8, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.293, -48.574, 9.761
XYZ	24.699, 39.752, 35.224
xyY	0.248, 0.399, 39.752
CIE-LCH	69.293, 49.545, 168.637
CIE-LUV	69.293, -55.743, 21.635
Hunter-Lab	63.049, -40.412, 11.011
Binary	00011111, 10111111, 10010110

#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#bf1f48
```
#bf1f48 rgb(191,31,72)
```

Complementary Color

#1fbf46
```
#1fbf46 rgb(31,191,70)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#1f98bf
```
#1f98bf rgb(31,152,191)
```

Analogous Color

#bf461f
```
#bf461f rgb(191,70,31)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#bf1f98
```
#bf1f98 rgb(191,31,152)
```

Split Complementary Color

#bf961f
```
#bf961f rgb(191,150,31)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#961fbf
```
#961fbf rgb(150,31,191)
```

Triadic Color

#48bf1f
```
#48bf1f rgb(72,191,31)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#961fbf
```
#961fbf rgb(150,31,191)
```
#bf1f48
```
#bf1f48 rgb(191,31,72)
```

Tetradic Color

#147d62
```
#147d62 rgb(20,125,98)
```
#189374
```
#189374 rgb(24,147,116)
```
#1ba985
```
#1ba985 rgb(27,169,133)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#23d5a7
```
#23d5a7 rgb(35,213,167)
```
#33deb2
```
#33deb2 rgb(51,222,178)
```
#49e1ba
```
#49e1ba rgb(73,225,186)
```

Monochromatic Color

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

#1fbf6e
```
#1fbf6e rgb(31,191,110)
```
#1fbf7b
```
#1fbf7b rgb(31,191,123)
```
#1fbf89
```
#1fbf89 rgb(31,191,137)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#1fbfa3
```
#1fbfa3 rgb(31,191,163)
```
#1fbfb1
```
#1fbfb1 rgb(31,191,177)
```
#1fbfbe
```
#1fbfbe rgb(31,191,190)
```

Similar Colors

Text with hexadecimal color #1fbf96

This text has a font color of #1fbf96.

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

#1fbf96 background color

This paragraph has a background color of #1fbf96.

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

#1fbf96 border color

This element has a border color of #1fbf96.

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

CSS codes

.text {color:#1fbf96;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041611
```
#041611 rgb(4,22,17)
```
#06271f
```
#06271f rgb(6,39,31)
```
#09382c
```
#09382c rgb(9,56,44)
```
#0c4939
```
#0c4939 rgb(12,73,57)
```
#0f5a46
```
#0f5a46 rgb(15,90,70)
```
#116b54
```
#116b54 rgb(17,107,84)
```
#147b61
```
#147b61 rgb(20,123,97)
```
#178c6e
```
#178c6e rgb(23,140,110)
```
#1a9d7b
```
#1a9d7b rgb(26,157,123)
```
#1cae89
```
#1cae89 rgb(28,174,137)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#22d0a3
```
#22d0a3 rgb(34,208,163)
```

Shade Color Variation

#29dcae
```
#29dcae rgb(41,220,174)
```
#3adfb5
```
#3adfb5 rgb(58,223,181)
```
#4be2bb
```
#4be2bb rgb(75,226,187)
```
#5ce4c1
```
#5ce4c1 rgb(92,228,193)
```
#6ce7c8
```
#6ce7c8 rgb(108,231,200)
```
#7deace
```
#7deace rgb(125,234,206)
```
#8eedd4
```
#8eedd4 rgb(142,237,212)
```
#9fefdb
```
#9fefdb rgb(159,239,219)
```
#b0f2e1
```
#b0f2e1 rgb(176,242,225)
```
#c1f5e8
```
#c1f5e8 rgb(193,245,232)
```
#d2f8ee
```
#d2f8ee rgb(210,248,238)
```
#e3faf4
```
#e3faf4 rgb(227,250,244)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7271 is the less saturated color, while #05d9a2 is the most saturated one.

#6c7271
```
#6c7271 rgb(108,114,113)
```
#637b75
```
#637b75 rgb(99,123,117)
```
#5b8379
```
#5b8379 rgb(91,131,121)
```
#528c7d
```
#528c7d rgb(82,140,125)
```
#4a9481
```
#4a9481 rgb(74,148,129)
```
#419d85
```
#419d85 rgb(65,157,133)
```
#39a58a
```
#39a58a rgb(57,165,138)
```
#30ae8e
```
#30ae8e rgb(48,174,142)
```
#28b692
```
#28b692 rgb(40,182,146)
```
#1fbf96
```
#1fbf96 rgb(31,191,150)
```
#16c89a
```
#16c89a rgb(22,200,154)
```
#0ed09e
```
#0ed09e rgb(14,208,158)
```
#05d9a2
```
#05d9a2 rgb(5,217,162)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#75958c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ad91 Protanopia 1% of men
#c1a8a4 Deuteranopia 1% of men
#4fbbc9 Tritanopia 0.001% of the population

Trichromacy

#7fb393 Protanomaly 1% of men, 0.01% of women
#86b09f Deuteranomaly 6% of men, 0.4% of women
#3dbdb6 Tritanomaly 0.01% of the population

#1fbf96 hex color

#1fbf96 Color Information

#1fbf96 Color Conversion

Color Schemes with #1fbf96

Alternatives to #1fbf96

#1fbf96 Preview

Shades and Tints of #1fbf96

Tones of #1fbf96

Color Blindness Simulator