#31d136 hex color

In a RGB color space, hex #31d136 is composed of 19.2% red, 82% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 74.2% yellow and 18% black. It has a hue angle of 121.9 degrees, a saturation of 63.5% and a lightness of 50.6%. #31d136 color hex could be obtained by blending #62ff6c with #00a300. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 82
- B 21
RGB color chart
- C 77
- M 0
- Y 74
- K 18
CMYK color chart

● #31d136 color description : Strong lime green.

The hexadecimal color #31d136 has RGB values of R:49, G:209, B:54 and CMYK values of C:0.77, M:0, Y:0.74, K:0.18. Its decimal value is 3264822.

Hex triplet	31d136	`#31d136`
RGB Decimal	49, 209, 54	`rgb(49,209,54)`
RGB Percent	19.2, 82, 21.2	`rgb(19.2%,82%,21.2%)`
CMYK	77, 0, 74, 18
HSL	121.9°, 63.5, 50.6	`hsl(121.9,63.5%,50.6%)`
HSV (or HSB)	121.9°, 76.6, 82
Web Safe	33cc33	`#33cc33`

CIE-LAB	73.88, -68.206, 61.354
XYZ	24.732, 46.518, 11.165
xyY	0.3, 0.564, 46.518
CIE-LCH	73.88, 91.741, 138.028
CIE-LUV	73.88, -64.334, 82.071
Hunter-Lab	68.204, -54.631, 38.037
Binary	00110001, 11010001, 00110110

#31d136
```
#31d136 rgb(49,209,54)
```
#d131cc
```
#d131cc rgb(209,49,204)
```

Complementary Color

#7cd131
```
#7cd131 rgb(124,209,49)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#31d186
```
#31d186 rgb(49,209,134)
```

Analogous Color

#d1317c
```
#d1317c rgb(209,49,124)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#8631d1
```
#8631d1 rgb(134,49,209)
```

Split Complementary Color

#d13631
```
#d13631 rgb(209,54,49)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#3631d1
```
#3631d1 rgb(54,49,209)
```

Triadic Color

#ccd131
```
#ccd131 rgb(204,209,49)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#3631d1
```
#3631d1 rgb(54,49,209)
```
#d131cc
```
#d131cc rgb(209,49,204)
```

Tetradic Color

#219425
```
#219425 rgb(33,148,37)
```
#26a92a
```
#26a92a rgb(38,169,42)
```
#2abe2f
```
#2abe2f rgb(42,190,47)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#46d64a
```
#46d64a rgb(70,214,74)
```
#5bda5f
```
#5bda5f rgb(91,218,95)
```
#70df73
```
#70df73 rgb(112,223,115)
```

Monochromatic Color

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

#54d131
```
#54d131 rgb(84,209,49)
```
#47d131
```
#47d131 rgb(71,209,49)
```
#39d131
```
#39d131 rgb(57,209,49)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#31d143
```
#31d143 rgb(49,209,67)
```
#31d151
```
#31d151 rgb(49,209,81)
```
#31d15e
```
#31d15e rgb(49,209,94)
```

Similar Colors

Text with hexadecimal color #31d136

This text has a font color of #31d136.

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

#31d136 background color

This paragraph has a background color of #31d136.

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

#31d136 border color

This element has a border color of #31d136.

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

CSS codes

.text {color:#31d136;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#041205
```
#041205 rgb(4,18,5)
```
#082309
```
#082309 rgb(8,35,9)
```
#0b330d
```
#0b330d rgb(11,51,13)
```
#0f4310
```
#0f4310 rgb(15,67,16)
```
#125314
```
#125314 rgb(18,83,20)
```
#166318
```
#166318 rgb(22,99,24)
```
#1a731c
```
#1a731c rgb(26,115,28)
```
#1d8320
```
#1d8320 rgb(29,131,32)
```
#219324
```
#219324 rgb(33,147,36)
```
#24a328
```
#24a328 rgb(36,163,40)
```
#28b32c
```
#28b32c rgb(40,179,44)
```
#2cc330
```
#2cc330 rgb(44,195,48)
```

Shade Color Variation

#31d136
```
#31d136 rgb(49,209,54)
```
#41d546
```
#41d546 rgb(65,213,70)
```
#51d855
```
#51d855 rgb(81,216,85)
```
#61dc65
```
#61dc65 rgb(97,220,101)
```
#71df75
```
#71df75 rgb(113,223,117)
```
#81e384
```
#81e384 rgb(129,227,132)
```
#91e694
```
#91e694 rgb(145,230,148)
```
#a1eaa4
```
#a1eaa4 rgb(161,234,164)
```
#b1eeb3
```
#b1eeb3 rgb(177,238,179)
```
#c1f1c3
```
#c1f1c3 rgb(193,241,195)
```
#d1f5d2
```
#d1f5d2 rgb(209,245,210)
```
#e1f8e2
```
#e1f8e2 rgb(225,248,226)
```
#f1fcf2
```
#f1fcf2 rgb(241,252,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f837f is the less saturated color, while #0af812 is the most saturated one.

#7f837f
```
#7f837f rgb(127,131,127)
```
#758d76
```
#758d76 rgb(117,141,118)
```
#6b976d
```
#6b976d rgb(107,151,109)
```
#61a163
```
#61a163 rgb(97,161,99)
```
#58aa5a
```
#58aa5a rgb(88,170,90)
```
#4eb451
```
#4eb451 rgb(78,180,81)
```
#44be48
```
#44be48 rgb(68,190,72)
```
#3bc73f
```
#3bc73f rgb(59,199,63)
```
#31d136
```
#31d136 rgb(49,209,54)
```
#27db2d
```
#27db2d rgb(39,219,45)
```
#1ee424
```
#1ee424 rgb(30,228,36)
```
#14ee1b
```
#14ee1b rgb(20,238,27)
```
#0af812
```
#0af812 rgb(10,248,18)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb939 Protanopia 1% of men
#e4b051 Deuteranopia 1% of men
#6fc5d4 Tritanopia 0.001% of the population

Trichromacy

#95c238 Protanomaly 1% of men, 0.01% of women
#a3bc47 Deuteranomaly 6% of men, 0.4% of women
#58c99a Tritanomaly 0.01% of the population

#31d136 hex color

#31d136 Color Information

#31d136 Color Conversion

Color Schemes with #31d136

Alternatives to #31d136

#31d136 Preview

Shades and Tints of #31d136

Tones of #31d136

Color Blindness Simulator