#31ba50 hex color

In a RGB color space, hex #31ba50 is composed of 19.2% red, 72.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 0% magenta, 57% yellow and 27.1% black. It has a hue angle of 133.6 degrees, a saturation of 58.3% and a lightness of 46.1%. #31ba50 color hex could be obtained by blending #62ffa0 with #007500. Closest websafe color is: #33cc66.

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

● #31ba50 color description : Moderate lime green.

The hexadecimal color #31ba50 has RGB values of R:49, G:186, B:80 and CMYK values of C:0.74, M:0, Y:0.57, K:0.27. Its decimal value is 3258960.

Hex triplet	31ba50	`#31ba50`
RGB Decimal	49, 186, 80	`rgb(49,186,80)`
RGB Percent	19.2, 72.9, 31.4	`rgb(19.2%,72.9%,31.4%)`
CMYK	74, 0, 57, 27
HSL	133.6°, 58.3, 46.1	`hsl(133.6,58.3%,46.1%)`
HSV (or HSB)	133.6°, 73.7, 72.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.785, -58.093, 42.914
XYZ	20.272, 36.348, 13.536
xyY	0.289, 0.518, 36.348
CIE-LCH	66.785, 72.225, 143.546
CIE-LUV	66.785, -55.61, 61.985
Hunter-Lab	60.289, -45.486, 28.89
Binary	00110001, 10111010, 01010000

#31ba50
```
#31ba50 rgb(49,186,80)
```
#ba319b
```
#ba319b rgb(186,49,155)
```

Complementary Color

#57ba31
```
#57ba31 rgb(87,186,49)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#31ba95
```
#31ba95 rgb(49,186,149)
```

Analogous Color

#ba3157
```
#ba3157 rgb(186,49,87)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#9531ba
```
#9531ba rgb(149,49,186)
```

Split Complementary Color

#ba5031
```
#ba5031 rgb(186,80,49)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#5031ba
```
#5031ba rgb(80,49,186)
```

Triadic Color

#9bba31
```
#9bba31 rgb(155,186,49)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#5031ba
```
#5031ba rgb(80,49,186)
```
#ba319b
```
#ba319b rgb(186,49,155)
```

Tetradic Color

#217d36
```
#217d36 rgb(33,125,54)
```
#26923f
```
#26923f rgb(38,146,63)
```
#2ca647
```
#2ca647 rgb(44,166,71)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#3acb5a
```
#3acb5a rgb(58,203,90)
```
#4ed06b
```
#4ed06b rgb(78,208,107)
```
#62d67c
```
#62d67c rgb(98,214,124)
```

Monochromatic Color

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

#34ba31
```
#34ba31 rgb(52,186,49)
```
#31ba39
```
#31ba39 rgb(49,186,57)
```
#31ba45
```
#31ba45 rgb(49,186,69)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#31ba5b
```
#31ba5b rgb(49,186,91)
```
#31ba67
```
#31ba67 rgb(49,186,103)
```
#31ba72
```
#31ba72 rgb(49,186,114)
```

Similar Colors

Text with hexadecimal color #31ba50

This text has a font color of #31ba50.

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

#31ba50 background color

This paragraph has a background color of #31ba50.

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

#31ba50 border color

This element has a border color of #31ba50.

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

CSS codes

.text {color:#31ba50;}

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

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

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, #040f07 is the darkest color, while #ffffff is the lightest one.

#040f07
```
#040f07 rgb(4,15,7)
```
#081f0d
```
#081f0d rgb(8,31,13)
```
#0c2e14
```
#0c2e14 rgb(12,46,20)
```
#103e1b
```
#103e1b rgb(16,62,27)
```
#144d21
```
#144d21 rgb(20,77,33)
```
#185d28
```
#185d28 rgb(24,93,40)
```
#1d6c2f
```
#1d6c2f rgb(29,108,47)
```
#217c35
```
#217c35 rgb(33,124,53)
```
#258b3c
```
#258b3c rgb(37,139,60)
```
#299b43
```
#299b43 rgb(41,155,67)
```
#2daa49
```
#2daa49 rgb(45,170,73)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#35ca57
```
#35ca57 rgb(53,202,87)
```

Shade Color Variation

#44ce63
```
#44ce63 rgb(68,206,99)
```
#54d270
```
#54d270 rgb(84,210,112)
```
#63d67d
```
#63d67d rgb(99,214,125)
```
#73da8a
```
#73da8a rgb(115,218,138)
```
#82de97
```
#82de97 rgb(130,222,151)
```
#92e2a4
```
#92e2a4 rgb(146,226,164)
```
#a2e6b1
```
#a2e6b1 rgb(162,230,177)
```
#b1eabe
```
#b1eabe rgb(177,234,190)
```
#c1efcb
```
#c1efcb rgb(193,239,203)
```
#d0f3d8
```
#d0f3d8 rgb(208,243,216)
```
#e0f7e5
```
#e0f7e5 rgb(224,247,229)
```
#effbf2
```
#effbf2 rgb(239,251,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b73 is the less saturated color, while #04e737 is the most saturated one.

#707b73
```
#707b73 rgb(112,123,115)
```
#67846e
```
#67846e rgb(103,132,110)
```
#5e8d69
```
#5e8d69 rgb(94,141,105)
```
#559664
```
#559664 rgb(85,150,100)
```
#4c9f5f
```
#4c9f5f rgb(76,159,95)
```
#43a85a
```
#43a85a rgb(67,168,90)
```
#3ab155
```
#3ab155 rgb(58,177,85)
```
#31ba50
```
#31ba50 rgb(49,186,80)
```
#28c34b
```
#28c34b rgb(40,195,75)
```
#1fcc46
```
#1fcc46 rgb(31,204,70)
```
#16d541
```
#16d541 rgb(22,213,65)
```
#0dde3c
```
#0dde3c rgb(13,222,60)
```
#04e737
```
#04e737 rgb(4,231,55)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#74907a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a752 Protanopia 1% of men
#caa064 Deuteranopia 1% of men
#63b2bf Tritanopia 0.001% of the population

Trichromacy

#87ae51 Protanomaly 1% of men, 0.01% of women
#92a95c Deuteranomaly 6% of men, 0.4% of women
#51b597 Tritanomaly 0.01% of the population

#31ba50 hex color

#31ba50 Color Information

#31ba50 Color Conversion

Color Schemes with #31ba50

Alternatives to #31ba50

#31ba50 Preview

Shades and Tints of #31ba50

Tones of #31ba50

Color Blindness Simulator