#31c416 hex color

In a RGB color space, hex #31c416 is composed of 19.2% red, 76.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 0% magenta, 88.8% yellow and 23.1% black. It has a hue angle of 110.7 degrees, a saturation of 79.8% and a lightness of 42.7%. #31c416 color hex could be obtained by blending #62ff2c with #008900. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 19
- G 77
- B 9
RGB color chart
- C 75
- M 0
- Y 89
- K 23
CMYK color chart

● #31c416 color description : Strong lime green.

The hexadecimal color #31c416 has RGB values of R:49, G:196, B:22 and CMYK values of C:0.75, M:0, Y:0.89, K:0.23. Its decimal value is 3261462.

Hex triplet	31c416	`#31c416`
RGB Decimal	49, 196, 22	`rgb(49,196,22)`
RGB Percent	19.2, 76.9, 8.6	`rgb(19.2%,76.9%,8.6%)`
CMYK	75, 0, 89, 23
HSL	110.7°, 79.8, 42.7	`hsl(110.7,79.8%,42.7%)`
HSV (or HSB)	110.7°, 88.8, 76.9
Web Safe	33cc00	`#33cc00`

CIE-LAB	69.604, -65.991, 65.969
XYZ	21.15, 40.189, 7.402
xyY	0.308, 0.585, 40.189
CIE-LCH	69.604, 93.309, 135.01
CIE-LUV	69.604, -60.549, 82.71
Hunter-Lab	63.394, -51.387, 37.454
Binary	00110001, 11000100, 00010110

#31c416
```
#31c416 rgb(49,196,22)
```
#a916c4
```
#a916c4 rgb(169,22,196)
```

Complementary Color

#88c416
```
#88c416 rgb(136,196,22)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#16c452
```
#16c452 rgb(22,196,82)
```

Analogous Color

#c41688
```
#c41688 rgb(196,22,136)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#5216c4
```
#5216c4 rgb(82,22,196)
```

Split Complementary Color

#c41631
```
#c41631 rgb(196,22,49)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#1631c4
```
#1631c4 rgb(22,49,196)
```

Triadic Color

#c4a916
```
#c4a916 rgb(196,169,22)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#1631c4
```
#1631c4 rgb(22,49,196)
```
#a916c4
```
#a916c4 rgb(169,22,196)
```

Tetradic Color

#207f0e
```
#207f0e rgb(32,127,14)
```
#269611
```
#269611 rgb(38,150,17)
```
#2bad13
```
#2bad13 rgb(43,173,19)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#37db19
```
#37db19 rgb(55,219,25)
```
#44e726
```
#44e726 rgb(68,231,38)
```
#58e93d
```
#58e93d rgb(88,233,61)
```

Monochromatic Color

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

#5dc416
```
#5dc416 rgb(93,196,22)
```
#4ec416
```
#4ec416 rgb(78,196,22)
```
#40c416
```
#40c416 rgb(64,196,22)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#23c416
```
#23c416 rgb(35,196,22)
```
#16c418
```
#16c418 rgb(22,196,24)
```
#16c427
```
#16c427 rgb(22,196,39)
```

Similar Colors

Text with hexadecimal color #31c416

This text has a font color of #31c416.

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

#31c416 background color

This paragraph has a background color of #31c416.

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

#31c416 border color

This element has a border color of #31c416.

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

CSS codes

.text {color:#31c416;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#051402
```
#051402 rgb(5,20,2)
```
#092504
```
#092504 rgb(9,37,4)
```
#0e3706
```
#0e3706 rgb(14,55,6)
```
#124908
```
#124908 rgb(18,73,8)
```
#175a0a
```
#175a0a rgb(23,90,10)
```
#1b6c0c
```
#1b6c0c rgb(27,108,12)
```
#1f7d0e
```
#1f7d0e rgb(31,125,14)
```
#248f10
```
#248f10 rgb(36,143,16)
```
#28a112
```
#28a112 rgb(40,161,18)
```
#2db214
```
#2db214 rgb(45,178,20)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#35d618
```
#35d618 rgb(53,214,24)
```

Shade Color Variation

#3be51c
```
#3be51c rgb(59,229,28)
```
#4ae72d
```
#4ae72d rgb(74,231,45)
```
#59e93f
```
#59e93f rgb(89,233,63)
```
#69eb51
```
#69eb51 rgb(105,235,81)
```
#78ed62
```
#78ed62 rgb(120,237,98)
```
#87ef74
```
#87ef74 rgb(135,239,116)
```
#96f186
```
#96f186 rgb(150,241,134)
```
#a5f397
```
#a5f397 rgb(165,243,151)
```
#b5f5a9
```
#b5f5a9 rgb(181,245,169)
```
#c4f7ba
```
#c4f7ba rgb(196,247,186)
```
#d3f9cc
```
#d3f9cc rgb(211,249,204)
```
#e2fbde
```
#e2fbde rgb(226,251,222)
```
#f2fdef
```
#f2fdef rgb(242,253,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b706a is the less saturated color, while #25d505 is the most saturated one.

#6b706a
```
#6b706a rgb(107,112,106)
```
#657961
```
#657961 rgb(101,121,97)
```
#5f8159
```
#5f8159 rgb(95,129,89)
```
#598951
```
#598951 rgb(89,137,81)
```
#549248
```
#549248 rgb(84,146,72)
```
#4e9a40
```
#4e9a40 rgb(78,154,64)
```
#48a238
```
#48a238 rgb(72,162,56)
```
#42ab2f
```
#42ab2f rgb(66,171,47)
```
#3db327
```
#3db327 rgb(61,179,39)
```
#37bc1e
```
#37bc1e rgb(55,188,30)
```
#31c416
```
#31c416 rgb(49,196,22)
```
#2bcc0e
```
#2bcc0e rgb(43,204,14)
```
#25d505
```
#25d505 rgb(37,213,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#73916e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae1a Protanopia 1% of men
#d8a63a Deuteranopia 1% of men
#6bb9c7 Tritanopia 0.001% of the population

Trichromacy

#8eb618 Protanomaly 1% of men, 0.01% of women
#9bb12d Deuteranomaly 6% of men, 0.4% of women
#56bd86 Tritanomaly 0.01% of the population

#31c416 hex color

#31c416 Color Information

#31c416 Color Conversion

Color Schemes with #31c416

Alternatives to #31c416

#31c416 Preview

Shades and Tints of #31c416

Tones of #31c416

Color Blindness Simulator