colorhexa.com

#31c320 hex color

In a RGB color space, hex #31c320 is composed of 19.2% red, 76.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 83.6% yellow and 23.5% black. It has a hue angle of 113.7 degrees, a saturation of 71.8% and a lightness of 44.5%. #31c320 color hex could be obtained by blending #62ff40 with #008700. Closest websafe color is: #33cc33.

- R 19
- G 76
- B 13
RGB color chart
- C 75
- M 0
- Y 84
- K 24
CMYK color chart

● #31c320 color description : Strong lime green.

The hexadecimal color #31c320 has RGB values of R:49, G:195, B:32 and CMYK values of C:0.75, M:0, Y:0.84, K:0.24. Its decimal value is 3261216.

Hex triplet	31c320	`#31c320`
RGB Decimal	49, 195, 32	`rgb(49,195,32)`
RGB Percent	19.2, 76.5, 12.5	`rgb(19.2%,76.5%,12.5%)`
CMYK	75, 0, 84, 24
HSL	113.7°, 71.8, 44.5	`hsl(113.7,71.8%,44.5%)`
HSV (or HSB)	113.7°, 83.6, 76.5
Web Safe	33cc33	`#33cc33`

CIE-LAB	69.316, -65.273, 63.551
XYZ	21.041, 39.785, 7.937
xyY	0.306, 0.579, 39.785
CIE-LCH	69.316, 91.101, 135.766
CIE-LUV	69.316, -60.074, 80.85
Hunter-Lab	63.076, -50.837, 36.692
Binary	00110001, 11000011, 00100000

#31c320
```
#31c320 rgb(49,195,32)
```
#b220c3
```
#b220c3 rgb(178,32,195)
```

Complementary Color

#83c320
```
#83c320 rgb(131,195,32)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#20c361
```
#20c361 rgb(32,195,97)
```

Analogous Color

#c32083
```
#c32083 rgb(195,32,131)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#6020c3
```
#6020c3 rgb(96,32,195)
```

Split Complementary Color

#c32031
```
#c32031 rgb(195,32,49)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#2031c3
```
#2031c3 rgb(32,49,195)
```

Triadic Color

#c3b220
```
#c3b220 rgb(195,178,32)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#2031c3
```
#2031c3 rgb(32,49,195)
```
#b220c3
```
#b220c3 rgb(178,32,195)
```

Tetradic Color

#208115
```
#208115 rgb(32,129,21)
```
#269719
```
#269719 rgb(38,151,25)
```
#2bad1c
```
#2bad1c rgb(43,173,28)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#37d924
```
#37d924 rgb(55,217,36)
```
#49de38
```
#49de38 rgb(73,222,56)
```
#5de24e
```
#5de24e rgb(93,226,78)
```

Monochromatic Color

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

#5ac320
```
#5ac320 rgb(90,195,32)
```
#4cc320
```
#4cc320 rgb(76,195,32)
```
#3fc320
```
#3fc320 rgb(63,195,32)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#23c320
```
#23c320 rgb(35,195,32)
```
#20c32a
```
#20c32a rgb(32,195,42)
```
#20c338
```
#20c338 rgb(32,195,56)
```

Similar Colors

Text with hexadecimal color #31c320

This text has a font color of #31c320.

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

#31c320 background color

This paragraph has a background color of #31c320.

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

#31c320 border color

This element has a border color of #31c320.

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

CSS codes

.text {color:#31c320;}

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

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

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, #020a02 is the darkest color, while #f8fef8 is the lightest one.

#020a02
```
#020a02 rgb(2,10,2)
```
#071a04
```
#071a04 rgb(7,26,4)
```
#0b2b07
```
#0b2b07 rgb(11,43,7)
```
#0f3c0a
```
#0f3c0a rgb(15,60,10)
```
#134d0d
```
#134d0d rgb(19,77,13)
```
#185e0f
```
#185e0f rgb(24,94,15)
```
#1c6f12
```
#1c6f12 rgb(28,111,18)
```
#208015
```
#208015 rgb(32,128,21)
```
#249018
```
#249018 rgb(36,144,24)
```
#29a11a
```
#29a11a rgb(41,161,26)
```
#2db21d
```
#2db21d rgb(45,178,29)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#35d423
```
#35d423 rgb(53,212,35)
```

Shade Color Variation

#40dd2e
```
#40dd2e rgb(64,221,46)
```
#4fdf3e
```
#4fdf3e rgb(79,223,62)
```
#5fe24f
```
#5fe24f rgb(95,226,79)
```
#6ee560
```
#6ee560 rgb(110,229,96)
```
#7de871
```
#7de871 rgb(125,232,113)
```
#8dea82
```
#8dea82 rgb(141,234,130)
```
#9ced93
```
#9ced93 rgb(156,237,147)
```
#acf0a4
```
#acf0a4 rgb(172,240,164)
```
#bbf3b4
```
#bbf3b4 rgb(187,243,180)
```
#caf6c5
```
#caf6c5 rgb(202,246,197)
```
#daf8d6
```
#daf8d6 rgb(218,248,214)
```
#e9fbe7
```
#e9fbe7 rgb(233,251,231)
```
#f8fef8
```
#f8fef8 rgb(248,254,248)
```

Tint Color Variation

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

#6f746f
```
#6f746f rgb(111,116,111)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#61865d
```
#61865d rgb(97,134,93)
```
#5a8f54
```
#5a8f54 rgb(90,143,84)
```
#54974c
```
#54974c rgb(84,151,76)
```
#4da043
```
#4da043 rgb(77,160,67)
```
#46a93a
```
#46a93a rgb(70,169,58)
```
#3fb231
```
#3fb231 rgb(63,178,49)
```
#38ba29
```
#38ba29 rgb(56,186,41)
```
#31c320
```
#31c320 rgb(49,195,32)
```
#2acc17
```
#2acc17 rgb(42,204,23)
```
#23d40f
```
#23d40f rgb(35,212,15)
```
#1cdd06
```
#1cdd06 rgb(28,221,6)
```

Tone Color Variation

Below, you can see how #31c320 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
#749171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae24 Protanopia 1% of men
#d7a53f Deuteranopia 1% of men
#6bb9c6 Tritanopia 0.001% of the population

Trichromacy

#8db523 Protanomaly 1% of men, 0.01% of women
#9ab034 Deuteranomaly 6% of men, 0.4% of women
#55bc8a Tritanomaly 0.01% of the population