colorhexa.com

#31cd20 hex color

In a RGB color space, hex #31cd20 is composed of 19.2% red, 80.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 84.4% yellow and 19.6% black. It has a hue angle of 114.1 degrees, a saturation of 73% and a lightness of 46.5%. #31cd20 color hex could be obtained by blending #62ff40 with #009b00. Closest websafe color is: #33cc33.

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

● #31cd20 color description : Strong lime green.

The hexadecimal color #31cd20 has RGB values of R:49, G:205, B:32 and CMYK values of C:0.76, M:0, Y:0.84, K:0.2. Its decimal value is 3263776.

Hex triplet	31cd20	`#31cd20`
RGB Decimal	49, 205, 32	`rgb(49,205,32)`
RGB Percent	19.2, 80.4, 12.5	`rgb(19.2%,80.4%,12.5%)`
CMYK	76, 0, 84, 20
HSL	114.1°, 73, 46.5	`hsl(114.1,73%,46.5%)`
HSV (or HSB)	114.1°, 84.4, 80.4
Web Safe	33cc33	`#33cc33`

CIE-LAB	72.507, -68.311, 66.426
XYZ	23.357, 44.417, 8.709
xyY	0.305, 0.581, 44.417
CIE-LCH	72.507, 95.283, 135.801
CIE-LUV	72.507, -63.441, 85.004
Hunter-Lab	66.646, -54.073, 38.905
Binary	00110001, 11001101, 00100000

#31cd20
```
#31cd20 rgb(49,205,32)
```
#bc20cd
```
#bc20cd rgb(188,32,205)
```

Complementary Color

#88cd20
```
#88cd20 rgb(136,205,32)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#20cd66
```
#20cd66 rgb(32,205,102)
```

Analogous Color

#cd2088
```
#cd2088 rgb(205,32,136)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#6620cd
```
#6620cd rgb(102,32,205)
```

Split Complementary Color

#cd2031
```
#cd2031 rgb(205,32,49)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#2031cd
```
#2031cd rgb(32,49,205)
```

Triadic Color

#cdbc20
```
#cdbc20 rgb(205,188,32)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#2031cd
```
#2031cd rgb(32,49,205)
```
#bc20cd
```
#bc20cd rgb(188,32,205)
```

Tetradic Color

#218b16
```
#218b16 rgb(33,139,22)
```
#26a119
```
#26a119 rgb(38,161,25)
```
#2cb71d
```
#2cb71d rgb(44,183,29)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#3bde29
```
#3bde29 rgb(59,222,41)
```
#4fe13f
```
#4fe13f rgb(79,225,63)
```
#63e455
```
#63e455 rgb(99,228,85)
```

Monochromatic Color

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

#5ccd20
```
#5ccd20 rgb(92,205,32)
```
#4ecd20
```
#4ecd20 rgb(78,205,32)
```
#3fcd20
```
#3fcd20 rgb(63,205,32)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#23cd20
```
#23cd20 rgb(35,205,32)
```
#20cd2c
```
#20cd2c rgb(32,205,44)
```
#20cd3a
```
#20cd3a rgb(32,205,58)
```

Similar Colors

Text with hexadecimal color #31cd20

This text has a font color of #31cd20.

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

#31cd20 background color

This paragraph has a background color of #31cd20.

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

#31cd20 border color

This element has a border color of #31cd20.

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

CSS codes

.text {color:#31cd20;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#041203
```
#041203 rgb(4,18,3)
```
#082306
```
#082306 rgb(8,35,6)
```
#0d3408
```
#0d3408 rgb(13,52,8)
```
#11450b
```
#11450b rgb(17,69,11)
```
#15560d
```
#15560d rgb(21,86,13)
```
#196710
```
#196710 rgb(25,103,16)
```
#1d7813
```
#1d7813 rgb(29,120,19)
```
#218915
```
#218915 rgb(33,137,21)
```
#259a18
```
#259a18 rgb(37,154,24)
```
#29ab1b
```
#29ab1b rgb(41,171,27)
```
#2dbc1d
```
#2dbc1d rgb(45,188,29)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```

Shade Color Variation

#36dd24
```
#36dd24 rgb(54,221,36)
```
#46df35
```
#46df35 rgb(70,223,53)
```
#55e246
```
#55e246 rgb(85,226,70)
```
#65e557
```
#65e557 rgb(101,229,87)
```
#74e768
```
#74e768 rgb(116,231,104)
```
#84ea79
```
#84ea79 rgb(132,234,121)
```
#93ed8a
```
#93ed8a rgb(147,237,138)
```
#a3ef9b
```
#a3ef9b rgb(163,239,155)
```
#b2f2ac
```
#b2f2ac rgb(178,242,172)
```
#c2f5bd
```
#c2f5bd rgb(194,245,189)
```
#d2f7cd
```
#d2f7cd rgb(210,247,205)
```
#e1fade
```
#e1fade rgb(225,250,222)
```
#f1fdef
```
#f1fdef rgb(241,253,239)
```

Tint Color Variation

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

#737b72
```
#737b72 rgb(115,123,114)
```
#6c8469
```
#6c8469 rgb(108,132,105)
```
#648d60
```
#648d60 rgb(100,141,96)
```
#5d9657
```
#5d9657 rgb(93,150,87)
```
#569f4e
```
#569f4e rgb(86,159,78)
```
#4ea944
```
#4ea944 rgb(78,169,68)
```
#47b23b
```
#47b23b rgb(71,178,59)
```
#40bb32
```
#40bb32 rgb(64,187,50)
```
#38c429
```
#38c429 rgb(56,196,41)
```
#31cd20
```
#31cd20 rgb(49,205,32)
```
#2ad617
```
#2ad617 rgb(42,214,23)
```
#22df0e
```
#22df0e rgb(34,223,14)
```
#1be805
```
#1be805 rgb(27,232,5)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#799876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb624 Protanopia 1% of men
#e1ad41 Deuteranopia 1% of men
#6fc1d0 Tritanopia 0.001% of the population

Trichromacy

#93be22 Protanomaly 1% of men, 0.01% of women
#a1b835 Deuteranomaly 6% of men, 0.4% of women
#58c590 Tritanomaly 0.01% of the population