colorhexa.com

#31f814 hex color

In a RGB color space, hex #31f814 is composed of 19.2% red, 97.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 112.4 degrees, a saturation of 94.2% and a lightness of 52.5%. #31f814 color hex could be obtained by blending #62ff28 with #00f100. Closest websafe color is: #33ff00.

- R 19
- G 97
- B 8
RGB color chart
- C 80
- M 0
- Y 92
- K 3
CMYK color chart

● #31f814 color description : Vivid lime green.

The hexadecimal color #31f814 has RGB values of R:49, G:248, B:20 and CMYK values of C:0.8, M:0, Y:0.92, K:0.03. Its decimal value is 3274772.

Hex triplet	31f814	`#31f814`
RGB Decimal	49, 248, 20	`rgb(49,248,20)`
RGB Percent	19.2, 97.3, 7.8	`rgb(19.2%,97.3%,7.8%)`
CMYK	80, 0, 92, 3
HSL	112.4°, 94.2, 52.5	`hsl(112.4,94.2%,52.5%)`
HSV (or HSB)	112.4°, 91.9, 97.3
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.924, -81.086, 80.074
XYZ	34.958, 67.834, 11.913
xyY	0.305, 0.591, 67.834
CIE-LCH	85.924, 113.959, 135.36
CIE-LUV	85.924, -77.455, 103.529
Hunter-Lab	82.362, -68.369, 49.078
Binary	00110001, 11111000, 00010100

#31f814
```
#31f814 rgb(49,248,20)
```
#db14f8
```
#db14f8 rgb(219,20,248)
```

Complementary Color

#a3f814
```
#a3f814 rgb(163,248,20)
```
#31f814
```
#31f814 rgb(49,248,20)
```
#14f869
```
#14f869 rgb(20,248,105)
```

Analogous Color

#f814a3
```
#f814a3 rgb(248,20,163)
```
#31f814
```
#31f814 rgb(49,248,20)
```
#6914f8
```
#6914f8 rgb(105,20,248)
```

Split Complementary Color

#f81431
```
#f81431 rgb(248,20,49)
```
#31f814
```
#31f814 rgb(49,248,20)
```
#1431f8
```
#1431f8 rgb(20,49,248)
```

Triadic Color

#f8db14
```
#f8db14 rgb(248,219,20)
```
#31f814
```
#31f814 rgb(49,248,20)
```
#1431f8
```
#1431f8 rgb(20,49,248)
```
#db14f8
```
#db14f8 rgb(219,20,248)
```

Tetradic Color

#1cba06
```
#1cba06 rgb(28,186,6)
```
#20d306
```
#20d306 rgb(32,211,6)
```
#24eb07
```
#24eb07 rgb(36,235,7)
```
#31f814
```
#31f814 rgb(49,248,20)
```
#47f92d
```
#47f92d rgb(71,249,45)
```
#5cf946
```
#5cf946 rgb(92,249,70)
```
#72fa5e
```
#72fa5e rgb(114,250,94)
```

Monochromatic Color

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

#6af814
```
#6af814 rgb(106,248,20)
```
#57f814
```
#57f814 rgb(87,248,20)
```
#44f814
```
#44f814 rgb(68,248,20)
```
#31f814
```
#31f814 rgb(49,248,20)
```
#1ef814
```
#1ef814 rgb(30,248,20)
```
#14f81d
```
#14f81d rgb(20,248,29)
```
#14f830
```
#14f830 rgb(20,248,48)
```

Similar Colors

Text with hexadecimal color #31f814

This text has a font color of #31f814.

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

#31f814 background color

This paragraph has a background color of #31f814.

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

#31f814 border color

This element has a border color of #31f814.

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

CSS codes

.text {color:#31f814;}

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

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

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

#020d00
```
#020d00 rgb(2,13,0)
```
#052001
```
#052001 rgb(5,32,1)
```
#083302
```
#083302 rgb(8,51,2)
```
#0b4602
```
#0b4602 rgb(11,70,2)
```
#0e5903
```
#0e5903 rgb(14,89,3)
```
#116c03
```
#116c03 rgb(17,108,3)
```
#137f04
```
#137f04 rgb(19,127,4)
```
#169204
```
#169204 rgb(22,146,4)
```
#19a505
```
#19a505 rgb(25,165,5)
```
#1cb805
```
#1cb805 rgb(28,184,5)
```
#1fcb06
```
#1fcb06 rgb(31,203,6)
```
#22de07
```
#22de07 rgb(34,222,7)
```
#25f107
```
#25f107 rgb(37,241,7)
```

Shade Color Variation

#31f814
```
#31f814 rgb(49,248,20)
```
#42f927
```
#42f927 rgb(66,249,39)
```
#52f93a
```
#52f93a rgb(82,249,58)
```
#63fa4d
```
#63fa4d rgb(99,250,77)
```
#74fa60
```
#74fa60 rgb(116,250,96)
```
#84fb73
```
#84fb73 rgb(132,251,115)
```
#95fb86
```
#95fb86 rgb(149,251,134)
```
#a6fc99
```
#a6fc99 rgb(166,252,153)
```
#b7fdac
```
#b7fdac rgb(183,253,172)
```
#c7fdbf
```
#c7fdbf rgb(199,253,191)
```
#d8fed2
```
#d8fed2 rgb(216,254,210)
```
#e9fee6
```
#e9fee6 rgb(233,254,230)
```
#f9fff9
```
#f9fff9 rgb(249,255,249)
```

Tint Color Variation

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

#848884
```
#848884 rgb(132,136,132)
```
#7d927a
```
#7d927a rgb(125,146,122)
```
#769b71
```
#769b71 rgb(118,155,113)
```
#6fa468
```
#6fa468 rgb(111,164,104)
```
#69ae5e
```
#69ae5e rgb(105,174,94)
```
#62b755
```
#62b755 rgb(98,183,85)
```
#5bc04c
```
#5bc04c rgb(91,192,76)
```
#54c943
```
#54c943 rgb(84,201,67)
```
#4dd339
```
#4dd339 rgb(77,211,57)
```
#46dc30
```
#46dc30 rgb(70,220,48)
```
#3fe527
```
#3fe527 rgb(63,229,39)
```
#38ef1d
```
#38ef1d rgb(56,239,29)
```
#31f814
```
#31f814 rgb(49,248,20)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8cb486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d911 Protanopia 1% of men
#ffd18c Deuteranopia 1% of men
#81e7f8 Tritanopia 0.001% of the population

Trichromacy

#ace412 Protanomaly 1% of men, 0.01% of women
#b4df60 Deuteranomaly 6% of men, 0.4% of women
#63eda5 Tritanomaly 0.01% of the population