#31d914 hex color

In a RGB color space, hex #31d914 is composed of 19.2% red, 85.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 0% magenta, 90.8% yellow and 14.9% black. It has a hue angle of 111.2 degrees, a saturation of 83.1% and a lightness of 46.5%. #31d914 color hex could be obtained by blending #62ff28 with #00b300. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 19
- G 85
- B 8
RGB color chart
- C 77
- M 0
- Y 91
- K 15
CMYK color chart

● #31d914 color description : Vivid lime green.

The hexadecimal color #31d914 has RGB values of R:49, G:217, B:20 and CMYK values of C:0.77, M:0, Y:0.91, K:0.15. Its decimal value is 3266836.

Hex triplet	31d914	`#31d914`
RGB Decimal	49, 217, 20	`rgb(49,217,20)`
RGB Percent	19.2, 85.1, 7.8	`rgb(19.2%,85.1%,7.8%)`
CMYK	77, 0, 91, 15
HSL	111.2°, 83.1, 46.5	`hsl(111.2,83.1%,46.5%)`
HSV (or HSB)	111.2°, 90.8, 85.1
Web Safe	33cc00	`#33cc00`

CIE-LAB	76.269, -72.289, 71.981
XYZ	26.204, 50.326, 8.995
xyY	0.306, 0.588, 50.326
CIE-LCH	76.269, 102.014, 135.122
CIE-LUV	76.269, -67.55, 91.388
Hunter-Lab	70.941, -58.212, 42.141
Binary	00110001, 11011001, 00010100

#31d914
```
#31d914 rgb(49,217,20)
```
#bc14d9
```
#bc14d9 rgb(188,20,217)
```

Complementary Color

#94d914
```
#94d914 rgb(148,217,20)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#14d959
```
#14d959 rgb(20,217,89)
```

Analogous Color

#d91494
```
#d91494 rgb(217,20,148)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#5a14d9
```
#5a14d9 rgb(90,20,217)
```

Split Complementary Color

#d91431
```
#d91431 rgb(217,20,49)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#1431d9
```
#1431d9 rgb(20,49,217)
```

Triadic Color

#d9bc14
```
#d9bc14 rgb(217,188,20)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#1431d9
```
#1431d9 rgb(20,49,217)
```
#bc14d9
```
#bc14d9 rgb(188,20,217)
```

Tetradic Color

#21930e
```
#21930e rgb(33,147,14)
```
#26aa10
```
#26aa10 rgb(38,170,16)
```
#2cc212
```
#2cc212 rgb(44,194,18)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#3bea1c
```
#3bea1c rgb(59,234,28)
```
#4fec34
```
#4fec34 rgb(79,236,52)
```
#63ee4b
```
#63ee4b rgb(99,238,75)
```

Monochromatic Color

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

#62d914
```
#62d914 rgb(98,217,20)
```
#52d914
```
#52d914 rgb(82,217,20)
```
#41d914
```
#41d914 rgb(65,217,20)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#21d914
```
#21d914 rgb(33,217,20)
```
#14d918
```
#14d918 rgb(20,217,24)
```
#14d928
```
#14d928 rgb(20,217,40)
```

Similar Colors

Text with hexadecimal color #31d914

This text has a font color of #31d914.

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

#31d914 background color

This paragraph has a background color of #31d914.

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

#31d914 border color

This element has a border color of #31d914.

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

CSS codes

.text {color:#31d914;}

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

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

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)
```
#082503
```
#082503 rgb(8,37,3)
```
#0d3705
```
#0d3705 rgb(13,55,5)
```
#114907
```
#114907 rgb(17,73,7)
```
#155b08
```
#155b08 rgb(21,91,8)
```
#196d0a
```
#196d0a rgb(25,109,10)
```
#1d7f0c
```
#1d7f0c rgb(29,127,12)
```
#21910d
```
#21910d rgb(33,145,13)
```
#25a30f
```
#25a30f rgb(37,163,15)
```
#29b511
```
#29b511 rgb(41,181,17)
```
#2dc712
```
#2dc712 rgb(45,199,18)
```
#31d914
```
#31d914 rgb(49,217,20)
```

Shade Color Variation

#36ea17
```
#36ea17 rgb(54,234,23)
```
#46eb29
```
#46eb29 rgb(70,235,41)
```
#55ed3b
```
#55ed3b rgb(85,237,59)
```
#65ef4d
```
#65ef4d rgb(101,239,77)
```
#74f05f
```
#74f05f rgb(116,240,95)
```
#84f271
```
#84f271 rgb(132,242,113)
```
#93f483
```
#93f483 rgb(147,244,131)
```
#a3f595
```
#a3f595 rgb(163,245,149)
```
#b2f7a7
```
#b2f7a7 rgb(178,247,167)
```
#c2f9b9
```
#c2f9b9 rgb(194,249,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, #717e6f is the less saturated color, while #24eb02 is the most saturated one.

#717e6f
```
#717e6f rgb(113,126,111)
```
#6b8766
```
#6b8766 rgb(107,135,102)
```
#64905d
```
#64905d rgb(100,144,93)
```
#5e9954
```
#5e9954 rgb(94,153,84)
```
#58a24b
```
#58a24b rgb(88,162,75)
```
#51ab42
```
#51ab42 rgb(81,171,66)
```
#4bb538
```
#4bb538 rgb(75,181,56)
```
#44be2f
```
#44be2f rgb(68,190,47)
```
#3ec726
```
#3ec726 rgb(62,199,38)
```
#37d01d
```
#37d01d rgb(55,208,29)
```
#31d914
```
#31d914 rgb(49,217,20)
```
#2be20b
```
#2be20b rgb(43,226,11)
```
#24eb02
```
#24eb02 rgb(36,235,2)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d9f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf15 Protanopia 1% of men
#eeb63d Deuteranopia 1% of men
#74ccdb Tritanopia 0.001% of the population

Trichromacy

#9ac915 Protanomaly 1% of men, 0.01% of women
#a9c32e Deuteranomaly 6% of men, 0.4% of women
#5bd092 Tritanomaly 0.01% of the population

#31d914 hex color

#31d914 Color Information

#31d914 Color Conversion

Color Schemes with #31d914

Alternatives to #31d914

#31d914 Preview

Shades and Tints of #31d914

Tones of #31d914

Color Blindness Simulator