#31cc22 hex color

In a RGB color space, hex #31cc22 is composed of 19.2% red, 80% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 83.3% yellow and 20% black. It has a hue angle of 114.7 degrees, a saturation of 71.4% and a lightness of 46.7%. #31cc22 color hex could be obtained by blending #62ff44 with #009900. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 80
- B 13
RGB color chart
- C 76
- M 0
- Y 83
- K 20
CMYK color chart

● #31cc22 color description : Strong lime green.

The hexadecimal color #31cc22 has RGB values of R:49, G:204, B:34 and CMYK values of C:0.76, M:0, Y:0.83, K:0.2. Its decimal value is 3263522.

Hex triplet	31cc22	`#31cc22`
RGB Decimal	49, 204, 34	`rgb(49,204,34)`
RGB Percent	19.2, 80, 13.3	`rgb(19.2%,80%,13.3%)`
CMYK	76, 0, 83, 20
HSL	114.7°, 71.4, 46.7	`hsl(114.7,71.4%,46.7%)`
HSV (or HSB)	114.7°, 83.3, 80
Web Safe	33cc33	`#33cc33`

CIE-LAB	72.196, -67.916, 65.667
XYZ	23.147, 43.952, 8.777
xyY	0.305, 0.579, 43.952
CIE-LCH	72.196, 94.471, 135.965
CIE-LUV	72.196, -63.076, 84.261
Hunter-Lab	66.296, -53.696, 38.558
Binary	00110001, 11001100, 00100010

#31cc22
```
#31cc22 rgb(49,204,34)
```
#bd22cc
```
#bd22cc rgb(189,34,204)
```

Complementary Color

#86cc22
```
#86cc22 rgb(134,204,34)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#22cc68
```
#22cc68 rgb(34,204,104)
```

Analogous Color

#cc2286
```
#cc2286 rgb(204,34,134)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#6822cc
```
#6822cc rgb(104,34,204)
```

Split Complementary Color

#cc2231
```
#cc2231 rgb(204,34,49)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#2231cc
```
#2231cc rgb(34,49,204)
```

Triadic Color

#ccbd22
```
#ccbd22 rgb(204,189,34)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#2231cc
```
#2231cc rgb(34,49,204)
```
#bd22cc
```
#bd22cc rgb(189,34,204)
```

Tetradic Color

#218a17
```
#218a17 rgb(33,138,23)
```
#26a01b
```
#26a01b rgb(38,160,27)
```
#2cb61e
```
#2cb61e rgb(44,182,30)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#3bdc2c
```
#3bdc2c rgb(59,220,44)
```
#4fdf42
```
#4fdf42 rgb(79,223,66)
```
#64e357
```
#64e357 rgb(100,227,87)
```

Monochromatic Color

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

#5bcc22
```
#5bcc22 rgb(91,204,34)
```
#4dcc22
```
#4dcc22 rgb(77,204,34)
```
#3fcc22
```
#3fcc22 rgb(63,204,34)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#23cc22
```
#23cc22 rgb(35,204,34)
```
#22cc2f
```
#22cc2f rgb(34,204,47)
```
#22cc3e
```
#22cc3e rgb(34,204,62)
```

Similar Colors

Text with hexadecimal color #31cc22

This text has a font color of #31cc22.

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

#31cc22 background color

This paragraph has a background color of #31cc22.

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

#31cc22 border color

This element has a border color of #31cc22.

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

CSS codes

.text {color:#31cc22;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#051303
```
#051303 rgb(5,19,3)
```
#092406
```
#092406 rgb(9,36,6)
```
#0d3509
```
#0d3509 rgb(13,53,9)
```
#11450c
```
#11450c rgb(17,69,12)
```
#15560e
```
#15560e rgb(21,86,14)
```
#196711
```
#196711 rgb(25,103,17)
```
#1d7814
```
#1d7814 rgb(29,120,20)
```
#218917
```
#218917 rgb(33,137,23)
```
#259a1a
```
#259a1a rgb(37,154,26)
```
#29aa1c
```
#29aa1c rgb(41,170,28)
```
#2dbb1f
```
#2dbb1f rgb(45,187,31)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```

Shade Color Variation

#37db27
```
#37db27 rgb(55,219,39)
```
#46de37
```
#46de37 rgb(70,222,55)
```
#56e148
```
#56e148 rgb(86,225,72)
```
#65e359
```
#65e359 rgb(101,227,89)
```
#75e66a
```
#75e66a rgb(117,230,106)
```
#84e97b
```
#84e97b rgb(132,233,123)
```
#94ec8c
```
#94ec8c rgb(148,236,140)
```
#a4ef9c
```
#a4ef9c rgb(164,239,156)
```
#b3f1ad
```
#b3f1ad rgb(179,241,173)
```
#c3f4be
```
#c3f4be rgb(195,244,190)
```
#d2f7cf
```
#d2f7cf rgb(210,247,207)
```
#e2fae0
```
#e2fae0 rgb(226,250,224)
```
#f2fdf0
```
#f2fdf0 rgb(242,253,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757a74 is the less saturated color, while #1ae707 is the most saturated one.

#757a74
```
#757a74 rgb(117,122,116)
```
#6d836b
```
#6d836b rgb(109,131,107)
```
#668c62
```
#668c62 rgb(102,140,98)
```
#5e9559
```
#5e9559 rgb(94,149,89)
```
#579e50
```
#579e50 rgb(87,158,80)
```
#4fa747
```
#4fa747 rgb(79,167,71)
```
#48b13d
```
#48b13d rgb(72,177,61)
```
#40ba34
```
#40ba34 rgb(64,186,52)
```
#39c32b
```
#39c32b rgb(57,195,43)
```
#31cc22
```
#31cc22 rgb(49,204,34)
```
#29d519
```
#29d519 rgb(41,213,25)
```
#22de10
```
#22de10 rgb(34,222,16)
```
#1ae707
```
#1ae707 rgb(26,231,7)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab526 Protanopia 1% of men
#e0ac42 Deuteranopia 1% of men
#6ec1cf Tritanopia 0.001% of the population

Trichromacy

#92bd24 Protanomaly 1% of men, 0.01% of women
#a0b836 Deuteranomaly 6% of men, 0.4% of women
#58c590 Tritanomaly 0.01% of the population

#31cc22 hex color

#31cc22 Color Information

#31cc22 Color Conversion

Color Schemes with #31cc22

Alternatives to #31cc22

#31cc22 Preview

Shades and Tints of #31cc22

Tones of #31cc22

Color Blindness Simulator