#31cc5e hex color

In a RGB color space, hex #31cc5e is composed of 19.2% red, 80% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 53.9% yellow and 20% black. It has a hue angle of 137.4 degrees, a saturation of 61.3% and a lightness of 49.6%. #31cc5e color hex could be obtained by blending #62ffbc with #009900. Closest websafe color is: #33cc66.

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

● #31cc5e color description : Strong cyan - lime green.

The hexadecimal color #31cc5e has RGB values of R:49, G:204, B:94 and CMYK values of C:0.76, M:0, Y:0.54, K:0.2. Its decimal value is 3263582.

Hex triplet	31cc5e	`#31cc5e`
RGB Decimal	49, 204, 94	`rgb(49,204,94)`
RGB Percent	19.2, 80, 36.9	`rgb(19.2%,80%,36.9%)`
CMYK	76, 0, 54, 20
HSL	137.4°, 61.3, 49.6	`hsl(137.4,61.3%,49.6%)`
HSV (or HSB)	137.4°, 76, 80
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.657, -62.304, 43.305
XYZ	24.878, 44.644, 17.895
xyY	0.285, 0.511, 44.644
CIE-LCH	72.657, 75.876, 145.199
CIE-LUV	72.657, -61.246, 64.856
Hunter-Lab	66.816, -50.466, 30.892
Binary	00110001, 11001100, 01011110

#31cc5e
```
#31cc5e rgb(49,204,94)
```
#cc319f
```
#cc319f rgb(204,49,159)
```

Complementary Color

#52cc31
```
#52cc31 rgb(82,204,49)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#31ccac
```
#31ccac rgb(49,204,172)
```

Analogous Color

#cc3152
```
#cc3152 rgb(204,49,82)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#ac31cc
```
#ac31cc rgb(172,49,204)
```

Split Complementary Color

#cc5e31
```
#cc5e31 rgb(204,94,49)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#5e31cc
```
#5e31cc rgb(94,49,204)
```

Triadic Color

#9fcc31
```
#9fcc31 rgb(159,204,49)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#5e31cc
```
#5e31cc rgb(94,49,204)
```
#cc319f
```
#cc319f rgb(204,49,159)
```

Tetradic Color

#228e42
```
#228e42 rgb(34,142,66)
```
#27a34b
```
#27a34b rgb(39,163,75)
```
#2cb755
```
#2cb755 rgb(44,183,85)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#44d26e
```
#44d26e rgb(68,210,110)
```
#59d77e
```
#59d77e rgb(89,215,126)
```
#6ddc8e
```
#6ddc8e rgb(109,220,142)
```

Monochromatic Color

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

#31cc37
```
#31cc37 rgb(49,204,55)
```
#31cc44
```
#31cc44 rgb(49,204,68)
```
#31cc51
```
#31cc51 rgb(49,204,81)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#31cc6b
```
#31cc6b rgb(49,204,107)
```
#31cc78
```
#31cc78 rgb(49,204,120)
```
#31cc85
```
#31cc85 rgb(49,204,133)
```

Similar Colors

Text with hexadecimal color #31cc5e

This text has a font color of #31cc5e.

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

#31cc5e background color

This paragraph has a background color of #31cc5e.

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

#31cc5e border color

This element has a border color of #31cc5e.

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

CSS codes

.text {color:#31cc5e;}

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

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

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, #030e07 is the darkest color, while #fdfffe is the lightest one.

#030e07
```
#030e07 rgb(3,14,7)
```
#071e0e
```
#071e0e rgb(7,30,14)
```
#0b2e15
```
#0b2e15 rgb(11,46,21)
```
#0f3e1c
```
#0f3e1c rgb(15,62,28)
```
#134d24
```
#134d24 rgb(19,77,36)
```
#165d2b
```
#165d2b rgb(22,93,43)
```
#1a6d32
```
#1a6d32 rgb(26,109,50)
```
#1e7d3a
```
#1e7d3a rgb(30,125,58)
```
#228d41
```
#228d41 rgb(34,141,65)
```
#269d48
```
#269d48 rgb(38,157,72)
```
#29ac4f
```
#29ac4f rgb(41,172,79)
```
#2dbc57
```
#2dbc57 rgb(45,188,87)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```

Shade Color Variation

#40d16a
```
#40d16a rgb(64,209,106)
```
#4fd576
```
#4fd576 rgb(79,213,118)
```
#5fd982
```
#5fd982 rgb(95,217,130)
```
#6fdc8f
```
#6fdc8f rgb(111,220,143)
```
#7fe09b
```
#7fe09b rgb(127,224,155)
```
#8fe4a7
```
#8fe4a7 rgb(143,228,167)
```
#9ee8b4
```
#9ee8b4 rgb(158,232,180)
```
#aeecc0
```
#aeecc0 rgb(174,236,192)
```
#beefcc
```
#beefcc rgb(190,239,204)
```
#cef3d9
```
#cef3d9 rgb(206,243,217)
```
#def7e5
```
#def7e5 rgb(222,247,229)
```
#eefbf1
```
#eefbf1 rgb(238,251,241)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75887b is the less saturated color, while #00fd4a is the most saturated one.

#75887b
```
#75887b rgb(117,136,123)
```
#6b9276
```
#6b9276 rgb(107,146,118)
```
#629b72
```
#629b72 rgb(98,155,114)
```
#58a56e
```
#58a56e rgb(88,165,110)
```
#4eaf6a
```
#4eaf6a rgb(78,175,106)
```
#44b966
```
#44b966 rgb(68,185,102)
```
#3bc262
```
#3bc262 rgb(59,194,98)
```
#31cc5e
```
#31cc5e rgb(49,204,94)
```
#27d65a
```
#27d65a rgb(39,214,90)
```
#1edf56
```
#1edf56 rgb(30,223,86)
```
#14e952
```
#14e952 rgb(20,233,82)
```
#0af34e
```
#0af34e rgb(10,243,78)
```
#00fd4a
```
#00fd4a rgb(0,253,74)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e9d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b65e Protanopia 1% of men
#dbae72 Deuteranopia 1% of men
#69c3d1 Tritanopia 0.001% of the population

Trichromacy

#91be5e Protanomaly 1% of men, 0.01% of women
#9db96a Deuteranomaly 6% of men, 0.4% of women
#54c6a7 Tritanomaly 0.01% of the population

#31cc5e hex color

#31cc5e Color Information

#31cc5e Color Conversion

Color Schemes with #31cc5e

Alternatives to #31cc5e

#31cc5e Preview

Shades and Tints of #31cc5e

Tones of #31cc5e

Color Blindness Simulator