#31dc36 hex color

In a RGB color space, hex #31dc36 is composed of 19.2% red, 86.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 0% magenta, 75.5% yellow and 13.7% black. It has a hue angle of 121.8 degrees, a saturation of 71% and a lightness of 52.7%. #31dc36 color hex could be obtained by blending #62ff6c with #00b900. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 86
- B 21
RGB color chart
- C 78
- M 0
- Y 75
- K 14
CMYK color chart

● #31dc36 color description : Bright lime green.

The hexadecimal color #31dc36 has RGB values of R:49, G:220, B:54 and CMYK values of C:0.78, M:0, Y:0.75, K:0.14. Its decimal value is 3267638.

Hex triplet	31dc36	`#31dc36`
RGB Decimal	49, 220, 54	`rgb(49,220,54)`
RGB Percent	19.2, 86.3, 21.2	`rgb(19.2%,86.3%,21.2%)`
CMYK	78, 0, 75, 14
HSL	121.8°, 71, 52.7	`hsl(121.8,71%,52.7%)`
HSV (or HSB)	121.8°, 77.7, 86.3
Web Safe	33cc33	`#33cc33`

CIE-LAB	77.342, -71.54, 64.79
XYZ	27.524, 52.103, 12.096
xyY	0.3, 0.568, 52.103
CIE-LCH	77.342, 96.518, 137.834
CIE-LUV	77.342, -67.971, 86.843
Hunter-Lab	72.182, -58.254, 40.592
Binary	00110001, 11011100, 00110110

#31dc36
```
#31dc36 rgb(49,220,54)
```
#dc31d7
```
#dc31d7 rgb(220,49,215)
```

Complementary Color

#82dc31
```
#82dc31 rgb(130,220,49)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#31dc8c
```
#31dc8c rgb(49,220,140)
```

Analogous Color

#dc3182
```
#dc3182 rgb(220,49,130)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#8c31dc
```
#8c31dc rgb(140,49,220)
```

Split Complementary Color

#dc3631
```
#dc3631 rgb(220,54,49)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#3631dc
```
#3631dc rgb(54,49,220)
```

Triadic Color

#d7dc31
```
#d7dc31 rgb(215,220,49)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#3631dc
```
#3631dc rgb(54,49,220)
```
#dc31d7
```
#dc31d7 rgb(220,49,215)
```

Tetradic Color

#1ca520
```
#1ca520 rgb(28,165,32)
```
#20ba24
```
#20ba24 rgb(32,186,36)
```
#23d028
```
#23d028 rgb(35,208,40)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#47e04b
```
#47e04b rgb(71,224,75)
```
#5de361
```
#5de361 rgb(93,227,97)
```
#72e776
```
#72e776 rgb(114,231,118)
```

Monochromatic Color

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

#57dc31
```
#57dc31 rgb(87,220,49)
```
#48dc31
```
#48dc31 rgb(72,220,49)
```
#3adc31
```
#3adc31 rgb(58,220,49)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#31dc44
```
#31dc44 rgb(49,220,68)
```
#31dc53
```
#31dc53 rgb(49,220,83)
```
#31dc61
```
#31dc61 rgb(49,220,97)
```

Similar Colors

Text with hexadecimal color #31dc36

This text has a font color of #31dc36.

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

#31dc36 background color

This paragraph has a background color of #31dc36.

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

#31dc36 border color

This element has a border color of #31dc36.

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

CSS codes

.text {color:#31dc36;}

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

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

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, #020c02 is the darkest color, while #fafefa is the lightest one.

#020c02
```
#020c02 rgb(2,12,2)
```
#051d06
```
#051d06 rgb(5,29,6)
```
#082e09
```
#082e09 rgb(8,46,9)
```
#0b3e0c
```
#0b3e0c rgb(11,62,12)
```
#0d4f0f
```
#0d4f0f rgb(13,79,15)
```
#106013
```
#106013 rgb(16,96,19)
```
#137116
```
#137116 rgb(19,113,22)
```
#168119
```
#168119 rgb(22,129,25)
```
#19921c
```
#19921c rgb(25,146,28)
```
#1ca320
```
#1ca320 rgb(28,163,32)
```
#1fb423
```
#1fb423 rgb(31,180,35)
```
#21c426
```
#21c426 rgb(33,196,38)
```
#24d529
```
#24d529 rgb(36,213,41)
```

Shade Color Variation

#31dc36
```
#31dc36 rgb(49,220,54)
```
#42df46
```
#42df46 rgb(66,223,70)
```
#53e257
```
#53e257 rgb(83,226,87)
```
#63e567
```
#63e567 rgb(99,229,103)
```
#74e777
```
#74e777 rgb(116,231,119)
```
#85ea88
```
#85ea88 rgb(133,234,136)
```
#96ed98
```
#96ed98 rgb(150,237,152)
```
#a6f0a9
```
#a6f0a9 rgb(166,240,169)
```
#b7f3b9
```
#b7f3b9 rgb(183,243,185)
```
#c8f6c9
```
#c8f6c9 rgb(200,246,201)
```
#d9f8da
```
#d9f8da rgb(217,248,218)
```
#e9fbea
```
#e9fbea rgb(233,251,234)
```
#fafefa
```
#fafefa rgb(250,254,250)
```

Tint Color Variation

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

#848985
```
#848985 rgb(132,137,133)
```
#7b927c
```
#7b927c rgb(123,146,124)
```
#729b73
```
#729b73 rgb(114,155,115)
```
#69a46a
```
#69a46a rgb(105,164,106)
```
#5fae62
```
#5fae62 rgb(95,174,98)
```
#56b759
```
#56b759 rgb(86,183,89)
```
#4dc050
```
#4dc050 rgb(77,192,80)
```
#44c947
```
#44c947 rgb(68,201,71)
```
#3ad33f
```
#3ad33f rgb(58,211,63)
```
#31dc36
```
#31dc36 rgb(49,220,54)
```
#28e52d
```
#28e52d rgb(40,229,45)
```
#1eef25
```
#1eef25 rgb(30,239,37)
```
#15f81c
```
#15f81c rgb(21,248,28)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#82a483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c239 Protanopia 1% of men
#efb952 Deuteranopia 1% of men
#74cfde Tritanopia 0.001% of the population

Trichromacy

#9ccb38 Protanomaly 1% of men, 0.01% of women
#aac648 Deuteranomaly 6% of men, 0.4% of women
#5bd4a1 Tritanomaly 0.01% of the population

#31dc36 hex color

#31dc36 Color Information

#31dc36 Color Conversion

Color Schemes with #31dc36

Alternatives to #31dc36

#31dc36 Preview

Shades and Tints of #31dc36

Tones of #31dc36

Color Blindness Simulator