#31fb8f hex color

In a RGB color space, hex #31fb8f is composed of 19.2% red, 98.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 43% yellow and 1.6% black. It has a hue angle of 147.9 degrees, a saturation of 96.2% and a lightness of 58.8%. #31fb8f color hex could be obtained by blending #62ffff with #00f71f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 98
- B 56
RGB color chart
- C 80
- M 0
- Y 43
- K 2
CMYK color chart

● #31fb8f color description : Bright cyan - lime green.

The hexadecimal color #31fb8f has RGB values of R:49, G:251, B:143 and CMYK values of C:0.8, M:0, Y:0.43, K:0.02. Its decimal value is 3275663.

Hex triplet	31fb8f	`#31fb8f`
RGB Decimal	49, 251, 143	`rgb(49,251,143)`
RGB Percent	19.2, 98.4, 56.1	`rgb(19.2%,98.4%,56.1%)`
CMYK	80, 0, 43, 2
HSL	147.9°, 96.2, 58.8	`hsl(147.9,96.2%,58.8%)`
HSV (or HSB)	147.9°, 80.5, 98.4
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.788, -70.438, 38.55
XYZ	40.719, 71.626, 37.664
xyY	0.271, 0.477, 71.626
CIE-LCH	87.788, 80.297, 151.309
CIE-LUV	87.788, -74.428, 64.557
Hunter-Lab	84.632, -62.225, 32.856
Binary	00110001, 11111011, 10001111

#31fb8f
```
#31fb8f rgb(49,251,143)
```
#fb319d
```
#fb319d rgb(251,49,157)
```

Complementary Color

#38fb31
```
#38fb31 rgb(56,251,49)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#31fbf4
```
#31fbf4 rgb(49,251,244)
```

Analogous Color

#fb3138
```
#fb3138 rgb(251,49,56)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#f431fb
```
#f431fb rgb(244,49,251)
```

Split Complementary Color

#fb8f31
```
#fb8f31 rgb(251,143,49)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#8f31fb
```
#8f31fb rgb(143,49,251)
```

Triadic Color

#9dfb31
```
#9dfb31 rgb(157,251,49)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#8f31fb
```
#8f31fb rgb(143,49,251)
```
#fb319d
```
#fb319d rgb(251,49,157)
```

Tetradic Color

#04db68
```
#04db68 rgb(4,219,104)
```
#05f474
```
#05f474 rgb(5,244,116)
```
#18fb81
```
#18fb81 rgb(24,251,129)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#4afb9d
```
#4afb9d rgb(74,251,157)
```
#63fcaa
```
#63fcaa rgb(99,252,170)
```
#7cfcb8
```
#7cfcb8 rgb(124,252,184)
```

Monochromatic Color

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

#31fb5d
```
#31fb5d rgb(49,251,93)
```
#31fb6d
```
#31fb6d rgb(49,251,109)
```
#31fb7e
```
#31fb7e rgb(49,251,126)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#31fba0
```
#31fba0 rgb(49,251,160)
```
#31fbb1
```
#31fbb1 rgb(49,251,177)
```
#31fbc2
```
#31fbc2 rgb(49,251,194)
```

Similar Colors

Text with hexadecimal color #31fb8f

This text has a font color of #31fb8f.

<span style="color:#31fb8f;">Text here</span>

#31fb8f background color

This paragraph has a background color of #31fb8f.

<p style="background-color:#31fb8f;">Content here</p>

#31fb8f border color

This element has a border color of #31fb8f.

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

CSS codes

.text {color:#31fb8f;}

.background {background-color:#31fb8f;}

.border {border:1px solid #31fb8f;}

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

#000603
```
#000603 rgb(0,6,3)
```
#00190c
```
#00190c rgb(0,25,12)
```
#012c15
```
#012c15 rgb(1,44,21)
```
#013f1e
```
#013f1e rgb(1,63,30)
```
#025327
```
#025327 rgb(2,83,39)
```
#026630
```
#026630 rgb(2,102,48)
```
#02793a
```
#02793a rgb(2,121,58)
```
#038c43
```
#038c43 rgb(3,140,67)
```
#03a04c
```
#03a04c rgb(3,160,76)
```
#03b355
```
#03b355 rgb(3,179,85)
```
#04c65e
```
#04c65e rgb(4,198,94)
```
#04d967
```
#04d967 rgb(4,217,103)
```
#05ed71
```
#05ed71 rgb(5,237,113)
```

Shade Color Variation

#0bfa7a
```
#0bfa7a rgb(11,250,122)
```
#1efb85
```
#1efb85 rgb(30,251,133)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```
#44fb99
```
#44fb99 rgb(68,251,153)
```
#57fca4
```
#57fca4 rgb(87,252,164)
```
#6bfcae
```
#6bfcae rgb(107,252,174)
```
#7efcb9
```
#7efcb9 rgb(126,252,185)
```
#91fdc3
```
#91fdc3 rgb(145,253,195)
```
#a4fdce
```
#a4fdce rgb(164,253,206)
```
#b8fed8
```
#b8fed8 rgb(184,254,216)
```
#cbfee3
```
#cbfee3 rgb(203,254,227)
```
#defeed
```
#defeed rgb(222,254,237)
```
#f1fff8
```
#f1fff8 rgb(241,255,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929a96 is the less saturated color, while #31fb8f is the most saturated one.

#929a96
```
#929a96 rgb(146,154,150)
```
#8aa295
```
#8aa295 rgb(138,162,149)
```
#82aa95
```
#82aa95 rgb(130,170,149)
```
#7ab294
```
#7ab294 rgb(122,178,148)
```
#72ba93
```
#72ba93 rgb(114,186,147)
```
#6ac293
```
#6ac293 rgb(106,194,147)
```
#61cb92
```
#61cb92 rgb(97,203,146)
```
#59d392
```
#59d392 rgb(89,211,146)
```
#51db91
```
#51db91 rgb(81,219,145)
```
#49e391
```
#49e391 rgb(73,227,145)
```
#41eb90
```
#41eb90 rgb(65,235,144)
```
#39f390
```
#39f390 rgb(57,243,144)
```
#31fb8f
```
#31fb8f rgb(49,251,143)
```

Tone Color Variation

Below, you can see how #31fb8f 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

#b2b2b2 Achromatopsia 0.005% of the population
#98c1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dd8a Protanopia 1% of men
#ffd6af Deuteranopia 1% of men
#7ceeff Tritanopia 0.001% of the population

Trichromacy

#abe88b Protanomaly 1% of men, 0.01% of women
#b4e3a3 Deuteranomaly 6% of men, 0.4% of women
#60f2d6 Tritanomaly 0.01% of the population

#31fb8f hex color

#31fb8f Color Information

#31fb8f Color Conversion

Color Schemes with #31fb8f

Alternatives to #31fb8f

#31fb8f Preview

Shades and Tints of #31fb8f

Tones of #31fb8f

Color Blindness Simulator