#31e530 hex color

In a RGB color space, hex #31e530 is composed of 19.2% red, 89.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 79% yellow and 10.2% black. It has a hue angle of 119.7 degrees, a saturation of 77.7% and a lightness of 54.3%. #31e530 color hex could be obtained by blending #62ff60 with #00cb00. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 90
- B 19
RGB color chart
- C 79
- M 0
- Y 79
- K 10
CMYK color chart

● #31e530 color description : Bright lime green.

The hexadecimal color #31e530 has RGB values of R:49, G:229, B:48 and CMYK values of C:0.79, M:0, Y:0.79, K:0.1. Its decimal value is 3269936.

Hex triplet	31e530	`#31e530`
RGB Decimal	49, 229, 48	`rgb(49,229,48)`
RGB Percent	19.2, 89.8, 18.8	`rgb(19.2%,89.8%,18.8%)`
CMYK	79, 0, 79, 10
HSL	119.7°, 77.7, 54.3	`hsl(119.7,77.7%,54.3%)`
HSV (or HSB)	119.7°, 79, 89.8
Web Safe	33cc33	`#33cc33`

CIE-LAB	80.124, -74.587, 69.292
XYZ	29.818, 56.902, 12.208
xyY	0.301, 0.575, 56.902
CIE-LCH	80.124, 101.807, 137.108
CIE-LUV	80.124, -71.031, 92.007
Hunter-Lab	75.433, -61.45, 43.208
Binary	00110001, 11100101, 00110000

#31e530
```
#31e530 rgb(49,229,48)
```
#e430e5
```
#e430e5 rgb(228,48,229)
```

Complementary Color

#8ce530
```
#8ce530 rgb(140,229,48)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#30e58a
```
#30e58a rgb(48,229,138)
```

Analogous Color

#e5308c
```
#e5308c rgb(229,48,140)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#8a30e5
```
#8a30e5 rgb(138,48,229)
```

Split Complementary Color

#e53031
```
#e53031 rgb(229,48,49)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#3031e5
```
#3031e5 rgb(48,49,229)
```

Triadic Color

#e5e430
```
#e5e430 rgb(229,228,48)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#3031e5
```
#3031e5 rgb(48,49,229)
```
#e430e5
```
#e430e5 rgb(228,48,229)
```

Tetradic Color

#17b216
```
#17b216 rgb(23,178,22)
```
#1ac919
```
#1ac919 rgb(26,201,25)
```
#1ddf1c
```
#1ddf1c rgb(29,223,28)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#48e847
```
#48e847 rgb(72,232,71)
```
#5eeb5d
```
#5eeb5d rgb(94,235,93)
```
#75ee74
```
#75ee74 rgb(117,238,116)
```

Monochromatic Color

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

#5ee530
```
#5ee530 rgb(94,229,48)
```
#4fe530
```
#4fe530 rgb(79,229,48)
```
#40e530
```
#40e530 rgb(64,229,48)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#30e53e
```
#30e53e rgb(48,229,62)
```
#30e54d
```
#30e54d rgb(48,229,77)
```
#30e55c
```
#30e55c rgb(48,229,92)
```

Similar Colors

Text with hexadecimal color #31e530

This text has a font color of #31e530.

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

#31e530 background color

This paragraph has a background color of #31e530.

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

#31e530 border color

This element has a border color of #31e530.

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

CSS codes

.text {color:#31e530;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#031402
```
#031402 rgb(3,20,2)
```
#052505
```
#052505 rgb(5,37,5)
```
#073607
```
#073607 rgb(7,54,7)
```
#094809
```
#094809 rgb(9,72,9)
```
#0c590b
```
#0c590b rgb(12,89,11)
```
#0e6b0d
```
#0e6b0d rgb(14,107,13)
```
#107c10
```
#107c10 rgb(16,124,16)
```
#128e12
```
#128e12 rgb(18,142,18)
```
#159f14
```
#159f14 rgb(21,159,20)
```
#17b016
```
#17b016 rgb(23,176,22)
```
#19c218
```
#19c218 rgb(25,194,24)
```
#1cd31b
```
#1cd31b rgb(28,211,27)
```

Shade Color Variation

#20e31f
```
#20e31f rgb(32,227,31)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#42e741
```
#42e741 rgb(66,231,65)
```
#54e953
```
#54e953 rgb(84,233,83)
```
#65ec64
```
#65ec64 rgb(101,236,100)
```
#76ee76
```
#76ee76 rgb(118,238,118)
```
#88f087
```
#88f087 rgb(136,240,135)
```
#99f299
```
#99f299 rgb(153,242,153)
```
#aaf4aa
```
#aaf4aa rgb(170,244,170)
```
#bcf7bb
```
#bcf7bb rgb(188,247,187)
```
#cdf9cd
```
#cdf9cd rgb(205,249,205)
```
#defbde
```
#defbde rgb(222,251,222)
```
#f0fdf0
```
#f0fdf0 rgb(240,253,240)
```

Tint Color Variation

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

#8a8b8a
```
#8a8b8a rgb(138,139,138)
```
#819481
```
#819481 rgb(129,148,129)
```
#789d78
```
#789d78 rgb(120,157,120)
```
#6fa66f
```
#6fa66f rgb(111,166,111)
```
#66af66
```
#66af66 rgb(102,175,102)
```
#5db85d
```
#5db85d rgb(93,184,93)
```
#54c154
```
#54c154 rgb(84,193,84)
```
#4cca4b
```
#4cca4b rgb(76,202,75)
```
#43d342
```
#43d342 rgb(67,211,66)
```
#3adc39
```
#3adc39 rgb(58,220,57)
```
#31e530
```
#31e530 rgb(49,229,48)
```
#28ee27
```
#28ee27 rgb(40,238,39)
```
#1ff71e
```
#1ff71e rgb(31,247,30)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86aa86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca33 Protanopia 1% of men
#f9c04f Deuteranopia 1% of men
#78d7e7 Tritanopia 0.001% of the population

Trichromacy

#a1d332 Protanomaly 1% of men, 0.01% of women
#b0cd44 Deuteranomaly 6% of men, 0.4% of women
#5edca4 Tritanomaly 0.01% of the population

#31e530 hex color

#31e530 Color Information

#31e530 Color Conversion

Color Schemes with #31e530

Alternatives to #31e530

#31e530 Preview

Shades and Tints of #31e530

Tones of #31e530

Color Blindness Simulator