#31bb31 hex color

In a RGB color space, hex #31bb31 is composed of 19.2% red, 73.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 120 degrees, a saturation of 58.5% and a lightness of 46.3%. #31bb31 color hex could be obtained by blending #62ff62 with #007700. Closest websafe color is: #33cc33.

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

● #31bb31 color description : Moderate lime green.

The hexadecimal color #31bb31 has RGB values of R:49, G:187, B:49 and CMYK values of C:0.74, M:0, Y:0.74, K:0.27. Its decimal value is 3259185.

Hex triplet	31bb31	`#31bb31`
RGB Decimal	49, 187, 49	`rgb(49,187,49)`
RGB Percent	19.2, 73.3, 19.2	`rgb(19.2%,73.3%,19.2%)`
CMYK	74, 0, 74, 27
HSL	120°, 58.5, 46.3	`hsl(120,58.5%,46.3%)`
HSV (or HSB)	120°, 73.8, 73.3
Web Safe	33cc33	`#33cc33`

CIE-LAB	66.835, -61.696, 56.016
XYZ	19.59, 36.413, 8.902
xyY	0.302, 0.561, 36.413
CIE-LCH	66.835, 83.331, 137.763
CIE-LUV	66.835, -56.983, 73.663
Hunter-Lab	60.344, -47.652, 33.494
Binary	00110001, 10111011, 00110001

#31bb31
```
#31bb31 rgb(49,187,49)
```
#bb31bb
```
#bb31bb rgb(187,49,187)
```

Complementary Color

#76bb31
```
#76bb31 rgb(118,187,49)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#31bb76
```
#31bb76 rgb(49,187,118)
```

Analogous Color

#bb3176
```
#bb3176 rgb(187,49,118)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#7631bb
```
#7631bb rgb(118,49,187)
```

Split Complementary Color

#bb3131
```
#bb3131 rgb(187,49,49)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#3131bb
```
#3131bb rgb(49,49,187)
```

Triadic Color

#bbbb31
```
#bbbb31 rgb(187,187,49)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#3131bb
```
#3131bb rgb(49,49,187)
```
#bb31bb
```
#bb31bb rgb(187,49,187)
```

Tetradic Color

#217e21
```
#217e21 rgb(33,126,33)
```
#269326
```
#269326 rgb(38,147,38)
```
#2ca72c
```
#2ca72c rgb(44,167,44)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#3acb3a
```
#3acb3a rgb(58,203,58)
```
#4ed14e
```
#4ed14e rgb(78,209,78)
```
#63d663
```
#63d663 rgb(99,214,99)
```

Monochromatic Color

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

#54bb31
```
#54bb31 rgb(84,187,49)
```
#48bb31
```
#48bb31 rgb(72,187,49)
```
#3dbb31
```
#3dbb31 rgb(61,187,49)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#31bb3d
```
#31bb3d rgb(49,187,61)
```
#31bb48
```
#31bb48 rgb(49,187,72)
```
#31bb53
```
#31bb53 rgb(49,187,83)
```

Similar Colors

Text with hexadecimal color #31bb31

This text has a font color of #31bb31.

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

#31bb31 background color

This paragraph has a background color of #31bb31.

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

#31bb31 border color

This element has a border color of #31bb31.

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

CSS codes

.text {color:#31bb31;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#041004
```
#041004 rgb(4,16,4)
```
#082008
```
#082008 rgb(8,32,8)
```
#0c2f0c
```
#0c2f0c rgb(12,47,12)
```
#103f10
```
#103f10 rgb(16,63,16)
```
#144e14
```
#144e14 rgb(20,78,20)
```
#195e19
```
#195e19 rgb(25,94,25)
```
#1d6d1d
```
#1d6d1d rgb(29,109,29)
```
#217d21
```
#217d21 rgb(33,125,33)
```
#258c25
```
#258c25 rgb(37,140,37)
```
#299c29
```
#299c29 rgb(41,156,41)
```
#2dab2d
```
#2dab2d rgb(45,171,45)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```

Shade Color Variation

#35ca35
```
#35ca35 rgb(53,202,53)
```
#45ce45
```
#45ce45 rgb(69,206,69)
```
#55d255
```
#55d255 rgb(85,210,85)
```
#64d664
```
#64d664 rgb(100,214,100)
```
#74da74
```
#74da74 rgb(116,218,116)
```
#83df83
```
#83df83 rgb(131,223,131)
```
#93e393
```
#93e393 rgb(147,227,147)
```
#a2e7a2
```
#a2e7a2 rgb(162,231,162)
```
#b2ebb2
```
#b2ebb2 rgb(178,235,178)
```
#c1efc1
```
#c1efc1 rgb(193,239,193)
```
#d1f3d1
```
#d1f3d1 rgb(209,243,209)
```
#e0f7e0
```
#e0f7e0 rgb(224,247,224)
```
#f0fbf0
```
#f0fbf0 rgb(240,251,240)
```

Tint Color Variation

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

#717b71
```
#717b71 rgb(113,123,113)
```
#678567
```
#678567 rgb(103,133,103)
```
#5e8e5e
```
#5e8e5e rgb(94,142,94)
```
#559755
```
#559755 rgb(85,151,85)
```
#4ca04c
```
#4ca04c rgb(76,160,76)
```
#43a943
```
#43a943 rgb(67,169,67)
```
#3ab23a
```
#3ab23a rgb(58,178,58)
```
#31bb31
```
#31bb31 rgb(49,187,49)
```
#28c428
```
#28c428 rgb(40,196,40)
```
#1fcd1f
```
#1fcd1f rgb(31,205,31)
```
#16d616
```
#16d616 rgb(22,214,22)
```
#0ddf0d
```
#0ddf0d rgb(13,223,13)
```
#04e804
```
#04e804 rgb(4,232,4)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#728d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa735 Protanopia 1% of men
#ce9f4a Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#88ae33 Protanomaly 1% of men, 0.01% of women
#94a941 Deuteranomaly 6% of men, 0.4% of women
#53b58b Tritanomaly 0.01% of the population

#31bb31 hex color

#31bb31 Color Information

#31bb31 Color Conversion

Color Schemes with #31bb31

Alternatives to #31bb31

#31bb31 Preview

Shades and Tints of #31bb31

Tones of #31bb31

Color Blindness Simulator