#31bc50 hex color

In a RGB color space, hex #31bc50 is composed of 19.2% red, 73.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 57.4% yellow and 26.3% black. It has a hue angle of 133.4 degrees, a saturation of 58.6% and a lightness of 46.5%. #31bc50 color hex could be obtained by blending #62ffa0 with #007900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 74
- B 31
RGB color chart
- C 74
- M 0
- Y 57
- K 26
CMYK color chart

● #31bc50 color description : Moderate lime green.

The hexadecimal color #31bc50 has RGB values of R:49, G:188, B:80 and CMYK values of C:0.74, M:0, Y:0.57, K:0.26. Its decimal value is 3259472.

Hex triplet	31bc50	`#31bc50`
RGB Decimal	49, 188, 80	`rgb(49,188,80)`
RGB Percent	19.2, 73.7, 31.4	`rgb(19.2%,73.7%,31.4%)`
CMYK	74, 0, 57, 26
HSL	133.4°, 58.6, 46.5	`hsl(133.4,58.6%,46.5%)`
HSV (or HSB)	133.4°, 73.9, 73.7
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.424, -58.779, 43.67
XYZ	20.697, 37.197, 13.678
xyY	0.289, 0.52, 37.197
CIE-LCH	67.424, 73.226, 143.389
CIE-LUV	67.424, -56.311, 63.016
Hunter-Lab	60.989, -46.157, 29.395
Binary	00110001, 10111100, 01010000

#31bc50
```
#31bc50 rgb(49,188,80)
```
#bc319d
```
#bc319d rgb(188,49,157)
```

Complementary Color

#58bc31
```
#58bc31 rgb(88,188,49)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#31bc96
```
#31bc96 rgb(49,188,150)
```

Analogous Color

#bc3158
```
#bc3158 rgb(188,49,88)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#9631bc
```
#9631bc rgb(150,49,188)
```

Split Complementary Color

#bc5031
```
#bc5031 rgb(188,80,49)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#5031bc
```
#5031bc rgb(80,49,188)
```

Triadic Color

#9dbc31
```
#9dbc31 rgb(157,188,49)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#5031bc
```
#5031bc rgb(80,49,188)
```
#bc319d
```
#bc319d rgb(188,49,157)
```

Tetradic Color

#217f36
```
#217f36 rgb(33,127,54)
```
#26943f
```
#26943f rgb(38,148,63)
```
#2ca847
```
#2ca847 rgb(44,168,71)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#3bcc5b
```
#3bcc5b rgb(59,204,91)
```
#4fd16c
```
#4fd16c rgb(79,209,108)
```
#63d67d
```
#63d67d rgb(99,214,125)
```

Monochromatic Color

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

#35bc31
```
#35bc31 rgb(53,188,49)
```
#31bc39
```
#31bc39 rgb(49,188,57)
```
#31bc44
```
#31bc44 rgb(49,188,68)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#31bc5c
```
#31bc5c rgb(49,188,92)
```
#31bc67
```
#31bc67 rgb(49,188,103)
```
#31bc73
```
#31bc73 rgb(49,188,115)
```

Similar Colors

Text with hexadecimal color #31bc50

This text has a font color of #31bc50.

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

#31bc50 background color

This paragraph has a background color of #31bc50.

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

#31bc50 border color

This element has a border color of #31bc50.

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

CSS codes

.text {color:#31bc50;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041107
```
#041107 rgb(4,17,7)
```
#08200e
```
#08200e rgb(8,32,14)
```
#0d3014
```
#0d3014 rgb(13,48,20)
```
#11401b
```
#11401b rgb(17,64,27)
```
#154f22
```
#154f22 rgb(21,79,34)
```
#195f28
```
#195f28 rgb(25,95,40)
```
#1d6e2f
```
#1d6e2f rgb(29,110,47)
```
#217e36
```
#217e36 rgb(33,126,54)
```
#258d3c
```
#258d3c rgb(37,141,60)
```
#299d43
```
#299d43 rgb(41,157,67)
```
#2dac49
```
#2dac49 rgb(45,172,73)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```

Shade Color Variation

#36cb57
```
#36cb57 rgb(54,203,87)
```
#46cf64
```
#46cf64 rgb(70,207,100)
```
#55d371
```
#55d371 rgb(85,211,113)
```
#65d77e
```
#65d77e rgb(101,215,126)
```
#74db8b
```
#74db8b rgb(116,219,139)
```
#84df98
```
#84df98 rgb(132,223,152)
```
#93e3a5
```
#93e3a5 rgb(147,227,165)
```
#a3e7b2
```
#a3e7b2 rgb(163,231,178)
```
#b2ebbf
```
#b2ebbf rgb(178,235,191)
```
#c2efcc
```
#c2efcc rgb(194,239,204)
```
#d2f3d9
```
#d2f3d9 rgb(210,243,217)
```
#e1f7e6
```
#e1f7e6 rgb(225,247,230)
```
#f1fbf3
```
#f1fbf3 rgb(241,251,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717c73 is the less saturated color, while #03ea37 is the most saturated one.

#717c73
```
#717c73 rgb(113,124,115)
```
#68856e
```
#68856e rgb(104,133,110)
```
#5f8e69
```
#5f8e69 rgb(95,142,105)
```
#559864
```
#559864 rgb(85,152,100)
```
#4ca15f
```
#4ca15f rgb(76,161,95)
```
#43aa5a
```
#43aa5a rgb(67,170,90)
```
#3ab355
```
#3ab355 rgb(58,179,85)
```
#31bc50
```
#31bc50 rgb(49,188,80)
```
#28c54b
```
#28c54b rgb(40,197,75)
```
#1fce46
```
#1fce46 rgb(31,206,70)
```
#16d741
```
#16d741 rgb(22,215,65)
```
#0de03c
```
#0de03c rgb(13,224,60)
```
#03ea37
```
#03ea37 rgb(3,234,55)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#75917b Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa952 Protanopia 1% of men
#cca164 Deuteranopia 1% of men
#64b4c1 Tritanopia 0.001% of the population

Trichromacy

#88af51 Protanomaly 1% of men, 0.01% of women
#93ab5c Deuteranomaly 6% of men, 0.4% of women
#51b798 Tritanomaly 0.01% of the population

#31bc50 hex color

#31bc50 Color Information

#31bc50 Color Conversion

Color Schemes with #31bc50

Alternatives to #31bc50

#31bc50 Preview

Shades and Tints of #31bc50

Tones of #31bc50

Color Blindness Simulator