#31d716 hex color

In a RGB color space, hex #31d716 is composed of 19.2% red, 84.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 89.8% yellow and 15.7% black. It has a hue angle of 111.6 degrees, a saturation of 81.4% and a lightness of 46.5%. #31d716 color hex could be obtained by blending #62ff2c with #00af00. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 19
- G 84
- B 9
RGB color chart
- C 77
- M 0
- Y 90
- K 16
CMYK color chart

● #31d716 color description : Strong lime green.

The hexadecimal color #31d716 has RGB values of R:49, G:215, B:22 and CMYK values of C:0.77, M:0, Y:0.9, K:0.16. Its decimal value is 3266326.

Hex triplet	31d716	`#31d716`
RGB Decimal	49, 215, 22	`rgb(49,215,22)`
RGB Percent	19.2, 84.3, 8.6	`rgb(19.2%,84.3%,8.6%)`
CMYK	77, 0, 90, 16
HSL	111.6°, 81.4, 46.5	`hsl(111.6,81.4%,46.5%)`
HSV (or HSB)	111.6°, 89.8, 84.3
Web Safe	33cc00	`#33cc00`

CIE-LAB	75.643, -71.648, 71.138
XYZ	25.71, 49.309, 8.922
xyY	0.306, 0.587, 49.309
CIE-LCH	75.643, 100.966, 135.205
CIE-LUV	75.643, -66.876, 90.386
Hunter-Lab	70.22, -57.53, 41.621
Binary	00110001, 11010111, 00010110

#31d716
```
#31d716 rgb(49,215,22)
```
#bc16d7
```
#bc16d7 rgb(188,22,215)
```

Complementary Color

#92d716
```
#92d716 rgb(146,215,22)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#16d75b
```
#16d75b rgb(22,215,91)
```

Analogous Color

#d71692
```
#d71692 rgb(215,22,146)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#5b16d7
```
#5b16d7 rgb(91,22,215)
```

Split Complementary Color

#d71631
```
#d71631 rgb(215,22,49)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#1631d7
```
#1631d7 rgb(22,49,215)
```

Triadic Color

#d7bc16
```
#d7bc16 rgb(215,188,22)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#1631d7
```
#1631d7 rgb(22,49,215)
```
#bc16d7
```
#bc16d7 rgb(188,22,215)
```

Tetradic Color

#21920f
```
#21920f rgb(33,146,15)
```
#26a911
```
#26a911 rgb(38,169,17)
```
#2cc014
```
#2cc014 rgb(44,192,20)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#3be81e
```
#3be81e rgb(59,232,30)
```
#4fea36
```
#4fea36 rgb(79,234,54)
```
#63ed4d
```
#63ed4d rgb(99,237,77)
```

Monochromatic Color

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

#61d716
```
#61d716 rgb(97,215,22)
```
#51d716
```
#51d716 rgb(81,215,22)
```
#41d716
```
#41d716 rgb(65,215,22)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#21d716
```
#21d716 rgb(33,215,22)
```
#16d71b
```
#16d71b rgb(22,215,27)
```
#16d72b
```
#16d72b rgb(22,215,43)
```

Similar Colors

Text with hexadecimal color #31d716

This text has a font color of #31d716.

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

#31d716 background color

This paragraph has a background color of #31d716.

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

#31d716 border color

This element has a border color of #31d716.

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

CSS codes

.text {color:#31d716;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#041302
```
#041302 rgb(4,19,2)
```
#082504
```
#082504 rgb(8,37,4)
```
#0d3706
```
#0d3706 rgb(13,55,6)
```
#114907
```
#114907 rgb(17,73,7)
```
#155a09
```
#155a09 rgb(21,90,9)
```
#196c0b
```
#196c0b rgb(25,108,11)
```
#1d7e0d
```
#1d7e0d rgb(29,126,13)
```
#21900f
```
#21900f rgb(33,144,15)
```
#25a211
```
#25a211 rgb(37,162,17)
```
#29b312
```
#29b312 rgb(41,179,18)
```
#2dc514
```
#2dc514 rgb(45,197,20)
```
#31d716
```
#31d716 rgb(49,215,22)
```

Shade Color Variation

#36e719
```
#36e719 rgb(54,231,25)
```
#46e92b
```
#46e92b rgb(70,233,43)
```
#55eb3d
```
#55eb3d rgb(85,235,61)
```
#65ed4f
```
#65ed4f rgb(101,237,79)
```
#74ef60
```
#74ef60 rgb(116,239,96)
```
#84f172
```
#84f172 rgb(132,241,114)
```
#93f284
```
#93f284 rgb(147,242,132)
```
#a3f496
```
#a3f496 rgb(163,244,150)
```
#b2f6a7
```
#b2f6a7 rgb(178,246,167)
```
#c2f8b9
```
#c2f8b9 rgb(194,248,185)
```
#d2facb
```
#d2facb rgb(210,250,203)
```
#e1fcdd
```
#e1fcdd rgb(225,252,221)
```
#f1fdef
```
#f1fdef rgb(241,253,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737c71 is the less saturated color, while #24e904 is the most saturated one.

#737c71
```
#737c71 rgb(115,124,113)
```
#6c8568
```
#6c8568 rgb(108,133,104)
```
#668e5f
```
#668e5f rgb(102,142,95)
```
#5f9756
```
#5f9756 rgb(95,151,86)
```
#58a04d
```
#58a04d rgb(88,160,77)
```
#52a944
```
#52a944 rgb(82,169,68)
```
#4bb33a
```
#4bb33a rgb(75,179,58)
```
#45bc31
```
#45bc31 rgb(69,188,49)
```
#3ec528
```
#3ec528 rgb(62,197,40)
```
#38ce1f
```
#38ce1f rgb(56,206,31)
```
#31d716
```
#31d716 rgb(49,215,22)
```
#2ae00d
```
#2ae00d rgb(42,224,13)
```
#24e904
```
#24e904 rgb(36,233,4)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be18 Protanopia 1% of men
#ebb53e Deuteranopia 1% of men
#73cad9 Tritanopia 0.001% of the population

Trichromacy

#99c717 Protanomaly 1% of men, 0.01% of women
#a7c12f Deuteranomaly 6% of men, 0.4% of women
#5bcf92 Tritanomaly 0.01% of the population

#31d716 hex color

#31d716 Color Information

#31d716 Color Conversion

Color Schemes with #31d716

Alternatives to #31d716

#31d716 Preview

Shades and Tints of #31d716

Tones of #31d716

Color Blindness Simulator