#31f80a hex color

In a RGB color space, hex #31f80a is composed of 19.2% red, 97.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 96% yellow and 2.7% black. It has a hue angle of 110.2 degrees, a saturation of 94.4% and a lightness of 50.6%. #31f80a color hex could be obtained by blending #62ff14 with #00f100. Closest websafe color is: #33ff00.

♥
- f
- t
- g
- R 19
- G 97
- B 4
RGB color chart
- C 80
- M 0
- Y 96
- K 3
CMYK color chart

● #31f80a color description : Vivid lime green.

The hexadecimal color #31f80a has RGB values of R:49, G:248, B:10 and CMYK values of C:0.8, M:0, Y:0.96, K:0.03. Its decimal value is 3274762.

Hex triplet	31f80a	`#31f80a`
RGB Decimal	49, 248, 10	`rgb(49,248,10)`
RGB Percent	19.2, 97.3, 3.9	`rgb(19.2%,97.3%,3.9%)`
CMYK	80, 0, 96, 3
HSL	110.2°, 94.4, 50.6	`hsl(110.2,94.4%,50.6%)`
HSV (or HSB)	110.2°, 96, 97.3
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.909, -81.268, 81.068
XYZ	34.887, 67.806, 11.536
xyY	0.305, 0.594, 67.806
CIE-LCH	85.909, 114.789, 135.071
CIE-LUV	85.909, -77.521, 104.187
Hunter-Lab	82.344, -68.477, 49.335
Binary	00110001, 11111000, 00001010

#31f80a
```
#31f80a rgb(49,248,10)
```
#d10af8
```
#d10af8 rgb(209,10,248)
```

Complementary Color

#a8f80a
```
#a8f80a rgb(168,248,10)
```
#31f80a
```
#31f80a rgb(49,248,10)
```
#0af85a
```
#0af85a rgb(10,248,90)
```

Analogous Color

#f80aa8
```
#f80aa8 rgb(248,10,168)
```
#31f80a
```
#31f80a rgb(49,248,10)
```
#5a0af8
```
#5a0af8 rgb(90,10,248)
```

Split Complementary Color

#f80a31
```
#f80a31 rgb(248,10,49)
```
#31f80a
```
#31f80a rgb(49,248,10)
```
#0a31f8
```
#0a31f8 rgb(10,49,248)
```

Triadic Color

#f8d10a
```
#f8d10a rgb(248,209,10)
```
#31f80a
```
#31f80a rgb(49,248,10)
```
#0a31f8
```
#0a31f8 rgb(10,49,248)
```
#d10af8
```
#d10af8 rgb(209,10,248)
```

Tetradic Color

#21b005
```
#21b005 rgb(33,176,5)
```
#26c906
```
#26c906 rgb(38,201,6)
```
#2ae206
```
#2ae206 rgb(42,226,6)
```
#31f80a
```
#31f80a rgb(49,248,10)
```
#46f923
```
#46f923 rgb(70,249,35)
```
#5bf93c
```
#5bf93c rgb(91,249,60)
```
#70fa54
```
#70fa54 rgb(112,250,84)
```

Monochromatic Color

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

#6df80a
```
#6df80a rgb(109,248,10)
```
#59f80a
```
#59f80a rgb(89,248,10)
```
#45f80a
```
#45f80a rgb(69,248,10)
```
#31f80a
```
#31f80a rgb(49,248,10)
```
#1df80a
```
#1df80a rgb(29,248,10)
```
#0af80b
```
#0af80b rgb(10,248,11)
```
#0af81e
```
#0af81e rgb(10,248,30)
```

Similar Colors

Text with hexadecimal color #31f80a

This text has a font color of #31f80a.

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

#31f80a background color

This paragraph has a background color of #31f80a.

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

#31f80a border color

This element has a border color of #31f80a.

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

CSS codes

.text {color:#31f80a;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#041601
```
#041601 rgb(4,22,1)
```
#082901
```
#082901 rgb(8,41,1)
```
#0b3c02
```
#0b3c02 rgb(11,60,2)
```
#0f4f02
```
#0f4f02 rgb(15,79,2)
```
#126203
```
#126203 rgb(18,98,3)
```
#167503
```
#167503 rgb(22,117,3)
```
#1a8804
```
#1a8804 rgb(26,136,4)
```
#1d9b04
```
#1d9b04 rgb(29,155,4)
```
#21af05
```
#21af05 rgb(33,175,5)
```
#24c206
```
#24c206 rgb(36,194,6)
```
#28d506
```
#28d506 rgb(40,213,6)
```
#2ce807
```
#2ce807 rgb(44,232,7)
```

Shade Color Variation

#31f80a
```
#31f80a rgb(49,248,10)
```
#41f91d
```
#41f91d rgb(65,249,29)
```
#51f930
```
#51f930 rgb(81,249,48)
```
#61fa43
```
#61fa43 rgb(97,250,67)
```
#71fa56
```
#71fa56 rgb(113,250,86)
```
#81fb69
```
#81fb69 rgb(129,251,105)
```
#91fb7c
```
#91fb7c rgb(145,251,124)
```
#a1fc8f
```
#a1fc8f rgb(161,252,143)
```
#b1fca3
```
#b1fca3 rgb(177,252,163)
```
#c1fdb6
```
#c1fdb6 rgb(193,253,182)
```
#d1fdc9
```
#d1fdc9 rgb(209,253,201)
```
#e1fedc
```
#e1fedc rgb(225,254,220)
```
#f1ffef
```
#f1ffef rgb(241,255,239)
```

Tint Color Variation

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

#7f847e
```
#7f847e rgb(127,132,126)
```
#798d75
```
#798d75 rgb(121,141,117)
```
#72976b
```
#72976b rgb(114,151,107)
```
#6ca161
```
#6ca161 rgb(108,161,97)
```
#65aa58
```
#65aa58 rgb(101,170,88)
```
#5fb44e
```
#5fb44e rgb(95,180,78)
```
#58be44
```
#58be44 rgb(88,190,68)
```
#52c83a
```
#52c83a rgb(82,200,58)
```
#4bd131
```
#4bd131 rgb(75,209,49)
```
#45db27
```
#45db27 rgb(69,219,39)
```
#3ee51d
```
#3ee51d rgb(62,229,29)
```
#38ee14
```
#38ee14 rgb(56,238,20)
```
#31f80a
```
#31f80a rgb(49,248,10)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8bb283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d900 Protanopia 1% of men
#ffd18b Deuteranopia 1% of men
#81e7f8 Tritanopia 0.001% of the population

Trichromacy

#ace403 Protanomaly 1% of men, 0.01% of women
#b4df5c Deuteranomaly 6% of men, 0.4% of women
#64eda1 Tritanomaly 0.01% of the population

#31f80a hex color

#31f80a Color Information

#31f80a Color Conversion

Color Schemes with #31f80a

Alternatives to #31f80a

#31f80a Preview

Shades and Tints of #31f80a

Tones of #31f80a

Color Blindness Simulator