#31fc86 hex color

In a RGB color space, hex #31fc86 is composed of 19.2% red, 98.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 46.8% yellow and 1.2% black. It has a hue angle of 145.1 degrees, a saturation of 97.1% and a lightness of 59%. #31fc86 color hex could be obtained by blending #62ffff with #00f90d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 99
- B 53
RGB color chart
- C 81
- M 0
- Y 47
- K 1
CMYK color chart

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

The hexadecimal color #31fc86 has RGB values of R:49, G:252, B:134 and CMYK values of C:0.81, M:0, Y:0.47, K:0.01. Its decimal value is 3275910.

Hex triplet	31fc86	`#31fc86`
RGB Decimal	49, 252, 134	`rgb(49,252,134)`
RGB Percent	19.2, 98.8, 52.5	`rgb(19.2%,98.8%,52.5%)`
CMYK	81, 0, 47, 1
HSL	145.1°, 97.1, 59	`hsl(145.1,97.1%,59%)`
HSV (or HSB)	145.1°, 80.6, 98.8
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.964, -72.253, 43.137
XYZ	40.377, 71.991, 34.321
xyY	0.275, 0.491, 71.991
CIE-LCH	87.964, 84.15, 149.161
CIE-LUV	87.964, -75.246, 70.16
Hunter-Lab	84.847, -63.538, 35.411
Binary	00110001, 11111100, 10000110

#31fc86
```
#31fc86 rgb(49,252,134)
```
#fc31a7
```
#fc31a7 rgb(252,49,167)
```

Complementary Color

#42fc31
```
#42fc31 rgb(66,252,49)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#31fcec
```
#31fcec rgb(49,252,236)
```

Analogous Color

#fc3142
```
#fc3142 rgb(252,49,66)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#ec31fc
```
#ec31fc rgb(236,49,252)
```

Split Complementary Color

#fc8631
```
#fc8631 rgb(252,134,49)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#8631fc
```
#8631fc rgb(134,49,252)
```

Triadic Color

#a7fc31
```
#a7fc31 rgb(167,252,49)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#8631fc
```
#8631fc rgb(134,49,252)
```
#fc31a7
```
#fc31a7 rgb(252,49,167)
```

Tetradic Color

#03dd5f
```
#03dd5f rgb(3,221,95)
```
#04f669
```
#04f669 rgb(4,246,105)
```
#18fc77
```
#18fc77 rgb(24,252,119)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#4afc95
```
#4afc95 rgb(74,252,149)
```
#63fda4
```
#63fda4 rgb(99,253,164)
```
#7cfdb2
```
#7cfdb2 rgb(124,253,178)
```

Monochromatic Color

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

#31fc53
```
#31fc53 rgb(49,252,83)
```
#31fc64
```
#31fc64 rgb(49,252,100)
```
#31fc75
```
#31fc75 rgb(49,252,117)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#31fc97
```
#31fc97 rgb(49,252,151)
```
#31fca8
```
#31fca8 rgb(49,252,168)
```
#31fcb9
```
#31fcb9 rgb(49,252,185)
```

Similar Colors

Text with hexadecimal color #31fc86

This text has a font color of #31fc86.

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

#31fc86 background color

This paragraph has a background color of #31fc86.

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

#31fc86 border color

This element has a border color of #31fc86.

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

CSS codes

.text {color:#31fc86;}

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

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

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

#000703
```
#000703 rgb(0,7,3)
```
#001a0b
```
#001a0b rgb(0,26,11)
```
#012d13
```
#012d13 rgb(1,45,19)
```
#01411c
```
#01411c rgb(1,65,28)
```
#015424
```
#015424 rgb(1,84,36)
```
#02672c
```
#02672c rgb(2,103,44)
```
#027b34
```
#027b34 rgb(2,123,52)
```
#028e3d
```
#028e3d rgb(2,142,61)
```
#02a145
```
#02a145 rgb(2,161,69)
```
#03b54d
```
#03b54d rgb(3,181,77)
```
#03c855
```
#03c855 rgb(3,200,85)
```
#03db5e
```
#03db5e rgb(3,219,94)
```
#03ef66
```
#03ef66 rgb(3,239,102)
```

Shade Color Variation

#0afb6f
```
#0afb6f rgb(10,251,111)
```
#1efc7b
```
#1efc7b rgb(30,252,123)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```
#44fc91
```
#44fc91 rgb(68,252,145)
```
#58fd9d
```
#58fd9d rgb(88,253,157)
```
#6bfda8
```
#6bfda8 rgb(107,253,168)
```
#7efdb3
```
#7efdb3 rgb(126,253,179)
```
#92fdbf
```
#92fdbf rgb(146,253,191)
```
#a5feca
```
#a5feca rgb(165,254,202)
```
#b8fed5
```
#b8fed5 rgb(184,254,213)
```
#ccfee1
```
#ccfee1 rgb(204,254,225)
```
#dfffec
```
#dfffec rgb(223,255,236)
```
#f2fff8
```
#f2fff8 rgb(242,255,248)
```

Tint Color Variation

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

#919c96
```
#919c96 rgb(145,156,150)
```
#89a494
```
#89a494 rgb(137,164,148)
```
#81ac93
```
#81ac93 rgb(129,172,147)
```
#79b492
```
#79b492 rgb(121,180,146)
```
#71bc90
```
#71bc90 rgb(113,188,144)
```
#69c48f
```
#69c48f rgb(105,196,143)
```
#61cc8e
```
#61cc8e rgb(97,204,142)
```
#59d48d
```
#59d48d rgb(89,212,141)
```
#51dc8b
```
#51dc8b rgb(81,220,139)
```
#49e48a
```
#49e48a rgb(73,228,138)
```
#41ec89
```
#41ec89 rgb(65,236,137)
```
#39f487
```
#39f487 rgb(57,244,135)
```
#31fc86
```
#31fc86 rgb(49,252,134)
```

Tone Color Variation

Below, you can see how #31fc86 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
#98c1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3de81 Protanopia 1% of men
#ffd7ae Deuteranopia 1% of men
#7feeff Tritanopia 0.001% of the population

Trichromacy

#ace983 Protanomaly 1% of men, 0.01% of women
#b4e49f Deuteranomaly 6% of men, 0.4% of women
#63f3d3 Tritanomaly 0.01% of the population

#31fc86 hex color

#31fc86 Color Information

#31fc86 Color Conversion

Color Schemes with #31fc86

Alternatives to #31fc86

#31fc86 Preview

Shades and Tints of #31fc86

Tones of #31fc86

Color Blindness Simulator