#31f96d hex color

In a RGB color space, hex #31f96d is composed of 19.2% red, 97.6% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 0% magenta, 56.2% yellow and 2.4% black. It has a hue angle of 138 degrees, a saturation of 94.3% and a lightness of 58.4%. #31f96d color hex could be obtained by blending #62ffda with #00f300. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #31f96d has RGB values of R:49, G:249, B:109 and CMYK values of C:0.8, M:0, Y:0.56, K:0.02. Its decimal value is 3275117.

Hex triplet	31f96d	`#31f96d`
RGB Decimal	49, 249, 109	`rgb(49,249,109)`
RGB Percent	19.2, 97.6, 42.7	`rgb(19.2%,97.6%,42.7%)`
CMYK	80, 0, 56, 2
HSL	138°, 94.3, 58.4	`hsl(138,94.3%,58.4%)`
HSV (or HSB)	138°, 80.3, 97.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.753, -74.882, 53.264
XYZ	37.9, 69.504, 25.885
xyY	0.284, 0.521, 69.504
CIE-LCH	86.753, 91.893, 144.576
CIE-LUV	86.753, -75.492, 80.971
Hunter-Lab	83.369, -64.749, 39.95
Binary	00110001, 11111001, 01101101

#31f96d
```
#31f96d rgb(49,249,109)
```
#f931bd
```
#f931bd rgb(249,49,189)
```

Complementary Color

#59f931
```
#59f931 rgb(89,249,49)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#31f9d1
```
#31f9d1 rgb(49,249,209)
```

Analogous Color

#f93159
```
#f93159 rgb(249,49,89)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#d131f9
```
#d131f9 rgb(209,49,249)
```

Split Complementary Color

#f96d31
```
#f96d31 rgb(249,109,49)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#6d31f9
```
#6d31f9 rgb(109,49,249)
```

Triadic Color

#bdf931
```
#bdf931 rgb(189,249,49)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#6d31f9
```
#6d31f9 rgb(109,49,249)
```
#f931bd
```
#f931bd rgb(249,49,189)
```

Tetradic Color

#06d745
```
#06d745 rgb(6,215,69)
```
#07f04d
```
#07f04d rgb(7,240,77)
```
#18f85b
```
#18f85b rgb(24,248,91)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#4afa7f
```
#4afa7f rgb(74,250,127)
```
#63fa90
```
#63fa90 rgb(99,250,144)
```
#7bfba2
```
#7bfba2 rgb(123,251,162)
```

Monochromatic Color

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

#31f93b
```
#31f93b rgb(49,249,59)
```
#31f94c
```
#31f94c rgb(49,249,76)
```
#31f95c
```
#31f95c rgb(49,249,92)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#31f97e
```
#31f97e rgb(49,249,126)
```
#31f98e
```
#31f98e rgb(49,249,142)
```
#31f99f
```
#31f99f rgb(49,249,159)
```

Similar Colors

Text with hexadecimal color #31f96d

This text has a font color of #31f96d.

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

#31f96d background color

This paragraph has a background color of #31f96d.

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

#31f96d border color

This element has a border color of #31f96d.

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

CSS codes

.text {color:#31f96d;}

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

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

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

#000401
```
#000401 rgb(0,4,1)
```
#011707
```
#011707 rgb(1,23,7)
```
#012a0d
```
#012a0d rgb(1,42,13)
```
#023d13
```
#023d13 rgb(2,61,19)
```
#02501a
```
#02501a rgb(2,80,26)
```
#036320
```
#036320 rgb(3,99,32)
```
#037626
```
#037626 rgb(3,118,38)
```
#04892c
```
#04892c rgb(4,137,44)
```
#059c32
```
#059c32 rgb(5,156,50)
```
#05af38
```
#05af38 rgb(5,175,56)
```
#06c23e
```
#06c23e rgb(6,194,62)
```
#06d544
```
#06d544 rgb(6,213,68)
```
#07e84a
```
#07e84a rgb(7,232,74)
```

Shade Color Variation

#0bf852
```
#0bf852 rgb(11,248,82)
```
#1ef85f
```
#1ef85f rgb(30,248,95)
```
#31f96d
```
#31f96d rgb(49,249,109)
```
#44fa7b
```
#44fa7b rgb(68,250,123)
```
#57fa88
```
#57fa88 rgb(87,250,136)
```
#6afb96
```
#6afb96 rgb(106,251,150)
```
#7dfba3
```
#7dfba3 rgb(125,251,163)
```
#90fcb1
```
#90fcb1 rgb(144,252,177)
```
#a3fcbe
```
#a3fcbe rgb(163,252,190)
```
#b6fdcc
```
#b6fdcc rgb(182,253,204)
```
#c9fdd9
```
#c9fdd9 rgb(201,253,217)
```
#ddfee7
```
#ddfee7 rgb(221,254,231)
```
#f0fff4
```
#f0fff4 rgb(240,255,244)
```

Tint Color Variation

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

#939794
```
#939794 rgb(147,151,148)
```
#8b9f91
```
#8b9f91 rgb(139,159,145)
```
#83a78e
```
#83a78e rgb(131,167,142)
```
#7ab08a
```
#7ab08a rgb(122,176,138)
```
#72b887
```
#72b887 rgb(114,184,135)
```
#6ac084
```
#6ac084 rgb(106,192,132)
```
#62c881
```
#62c881 rgb(98,200,129)
```
#5ad07d
```
#5ad07d rgb(90,208,125)
```
#52d87a
```
#52d87a rgb(82,216,122)
```
#49e177
```
#49e177 rgb(73,225,119)
```
#41e974
```
#41e974 rgb(65,233,116)
```
#39f170
```
#39f170 rgb(57,241,112)
```
#31f96d
```
#31f96d rgb(49,249,109)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#94bca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db6b Protanopia 1% of men
#ffd49e Deuteranopia 1% of men
#7beafc Tritanopia 0.001% of the population

Trichromacy

#abe66b Protanomaly 1% of men, 0.01% of women
#b4e18c Deuteranomaly 6% of men, 0.4% of women
#60f0c8 Tritanomaly 0.01% of the population

#31f96d hex color

#31f96d Color Information

#31f96d Color Conversion

Color Schemes with #31f96d

Alternatives to #31f96d

#31f96d Preview

Shades and Tints of #31f96d

Tones of #31f96d

Color Blindness Simulator