colorhexa.com

#31f222 hex color

In a RGB color space, hex #31f222 is composed of 19.2% red, 94.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 86% yellow and 5.1% black. It has a hue angle of 115.7 degrees, a saturation of 88.9% and a lightness of 54.1%. #31f222 color hex could be obtained by blending #62ff44 with #00e500. Closest websafe color is: #33ff33.

- R 19
- G 95
- B 13
RGB color chart
- C 80
- M 0
- Y 86
- K 5
CMYK color chart

● #31f222 color description : Vivid lime green.

The hexadecimal color #31f222 has RGB values of R:49, G:242, B:34 and CMYK values of C:0.8, M:0, Y:0.86, K:0.05. Its decimal value is 3273250.

Hex triplet	31f222	`#31f222`
RGB Decimal	49, 242, 34	`rgb(49,242,34)`
RGB Percent	19.2, 94.9, 13.3	`rgb(19.2%,94.9%,13.3%)`
CMYK	80, 0, 86, 5
HSL	115.7°, 88.9, 54.1	`hsl(115.7,88.9%,54.1%)`
HSV (or HSB)	115.7°, 86, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.106, -78.987, 76.274
XYZ	33.306, 64.269, 12.163
xyY	0.304, 0.586, 64.269
CIE-LCH	84.106, 109.803, 136.001
CIE-LUV	84.106, -75.418, 99.669
Hunter-Lab	80.168, -66.137, 47.122
Binary	00110001, 11110010, 00100010

#31f222
```
#31f222 rgb(49,242,34)
```
#e322f2
```
#e322f2 rgb(227,34,242)
```

Complementary Color

#99f222
```
#99f222 rgb(153,242,34)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#22f27b
```
#22f27b rgb(34,242,123)
```

Analogous Color

#f22299
```
#f22299 rgb(242,34,153)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#7b22f2
```
#7b22f2 rgb(123,34,242)
```

Split Complementary Color

#f22231
```
#f22231 rgb(242,34,49)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#2231f2
```
#2231f2 rgb(34,49,242)
```

Triadic Color

#f2e322
```
#f2e322 rgb(242,227,34)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#2231f2
```
#2231f2 rgb(34,49,242)
```
#e322f2
```
#e322f2 rgb(227,34,242)
```

Tetradic Color

#18bc0b
```
#18bc0b rgb(24,188,11)
```
#1bd50d
```
#1bd50d rgb(27,213,13)
```
#1eed0e
```
#1eed0e rgb(30,237,14)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#47f33a
```
#47f33a rgb(71,243,58)
```
#5ef552
```
#5ef552 rgb(94,245,82)
```
#74f66a
```
#74f66a rgb(116,246,106)
```

Monochromatic Color

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

#65f222
```
#65f222 rgb(101,242,34)
```
#54f222
```
#54f222 rgb(84,242,34)
```
#42f222
```
#42f222 rgb(66,242,34)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#22f224
```
#22f224 rgb(34,242,36)
```
#22f236
```
#22f236 rgb(34,242,54)
```
#22f247
```
#22f247 rgb(34,242,71)
```

Similar Colors

Text with hexadecimal color #31f222

This text has a font color of #31f222.

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

#31f222 background color

This paragraph has a background color of #31f222.

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

#31f222 border color

This element has a border color of #31f222.

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

CSS codes

.text {color:#31f222;}

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

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

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 #effeee is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#031401
```
#031401 rgb(3,20,1)
```
#052602
```
#052602 rgb(5,38,2)
```
#073903
```
#073903 rgb(7,57,3)
```
#0a4b04
```
#0a4b04 rgb(10,75,4)
```
#0c5e06
```
#0c5e06 rgb(12,94,6)
```
#0e7007
```
#0e7007 rgb(14,112,7)
```
#118308
```
#118308 rgb(17,131,8)
```
#139609
```
#139609 rgb(19,150,9)
```
#15a80a
```
#15a80a rgb(21,168,10)
```
#18bb0b
```
#18bb0b rgb(24,187,11)
```
#1acd0c
```
#1acd0c rgb(26,205,12)
```
#1ce00d
```
#1ce00d rgb(28,224,13)
```

Shade Color Variation

#20f10f
```
#20f10f rgb(32,241,15)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#42f335
```
#42f335 rgb(66,243,53)
```
#54f447
```
#54f447 rgb(84,244,71)
```
#65f55a
```
#65f55a rgb(101,245,90)
```
#76f66c
```
#76f66c rgb(118,246,108)
```
#87f77f
```
#87f77f rgb(135,247,127)
```
#99f991
```
#99f991 rgb(153,249,145)
```
#aafaa4
```
#aafaa4 rgb(170,250,164)
```
#bbfbb6
```
#bbfbb6 rgb(187,251,182)
```
#ccfcc9
```
#ccfcc9 rgb(204,252,201)
```
#defddb
```
#defddb rgb(222,253,219)
```
#effeee
```
#effeee rgb(239,254,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868f85 is the less saturated color, while #29fb19 is the most saturated one.

#868f85
```
#868f85 rgb(134,143,133)
```
#7e987c
```
#7e987c rgb(126,152,124)
```
#76a173
```
#76a173 rgb(118,161,115)
```
#6faa6a
```
#6faa6a rgb(111,170,106)
```
#67b361
```
#67b361 rgb(103,179,97)
```
#5fbc58
```
#5fbc58 rgb(95,188,88)
```
#58c54f
```
#58c54f rgb(88,197,79)
```
#50ce46
```
#50ce46 rgb(80,206,70)
```
#48d73d
```
#48d73d rgb(72,215,61)
```
#40e034
```
#40e034 rgb(64,224,52)
```
#39e92b
```
#39e92b rgb(57,233,43)
```
#31f222
```
#31f222 rgb(49,242,34)
```
#29fb19
```
#29fb19 rgb(41,251,25)
```

Tone Color Variation

Below, you can see how #31f222 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
#8bb188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd424 Protanopia 1% of men
#ffcc75 Deuteranopia 1% of men
#7ee2f3 Tritanopia 0.001% of the population

Trichromacy

#a9df23 Protanomaly 1% of men, 0.01% of women
#b4d957 Deuteranomaly 6% of men, 0.4% of women
#62e8a7 Tritanomaly 0.01% of the population