#31d31a hex color

In a RGB color space, hex #31d31a is composed of 19.2% red, 82.7% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 87.7% yellow and 17.3% black. It has a hue angle of 112.5 degrees, a saturation of 78.1% and a lightness of 46.5%. #31d31a color hex could be obtained by blending #62ff34 with #00a700. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 83
- B 10
RGB color chart
- C 77
- M 0
- Y 88
- K 17
CMYK color chart

● #31d31a color description : Strong lime green.

The hexadecimal color #31d31a has RGB values of R:49, G:211, B:26 and CMYK values of C:0.77, M:0, Y:0.88, K:0.17. Its decimal value is 3265306.

Hex triplet	31d31a	`#31d31a`
RGB Decimal	49, 211, 26	`rgb(49,211,26)`
RGB Percent	19.2, 82.7, 10.2	`rgb(19.2%,82.7%,10.2%)`
CMYK	77, 0, 88, 17
HSL	112.5°, 78.1, 46.5	`hsl(112.5,78.1%,46.5%)`
HSV (or HSB)	112.5°, 87.7, 82.7
Web Safe	33cc33	`#33cc33`

CIE-LAB	74.39, -70.341, 69.356
XYZ	24.746, 47.314, 8.805
xyY	0.306, 0.585, 47.314
CIE-LCH	74.39, 98.783, 135.404
CIE-LUV	74.39, -65.515, 88.311
Hunter-Lab	68.785, -56.156, 40.559
Binary	00110001, 11010011, 00011010

#31d31a
```
#31d31a rgb(49,211,26)
```
#bc1ad3
```
#bc1ad3 rgb(188,26,211)
```

Complementary Color

#8ed31a
```
#8ed31a rgb(142,211,26)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#1ad360
```
#1ad360 rgb(26,211,96)
```

Analogous Color

#d31a8e
```
#d31a8e rgb(211,26,142)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#601ad3
```
#601ad3 rgb(96,26,211)
```

Split Complementary Color

#d31a31
```
#d31a31 rgb(211,26,49)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#1a31d3
```
#1a31d3 rgb(26,49,211)
```

Triadic Color

#d3bc1a
```
#d3bc1a rgb(211,188,26)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#1a31d3
```
#1a31d3 rgb(26,49,211)
```
#bc1ad3
```
#bc1ad3 rgb(188,26,211)
```

Tetradic Color

#218f12
```
#218f12 rgb(33,143,18)
```
#26a614
```
#26a614 rgb(38,166,20)
```
#2cbc17
```
#2cbc17 rgb(44,188,23)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#3be423
```
#3be423 rgb(59,228,35)
```
#4fe739
```
#4fe739 rgb(79,231,57)
```
#63e950
```
#63e950 rgb(99,233,80)
```

Monochromatic Color

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

#5fd31a
```
#5fd31a rgb(95,211,26)
```
#50d31a
```
#50d31a rgb(80,211,26)
```
#40d31a
```
#40d31a rgb(64,211,26)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#22d31a
```
#22d31a rgb(34,211,26)
```
#1ad322
```
#1ad322 rgb(26,211,34)
```
#1ad331
```
#1ad331 rgb(26,211,49)
```

Similar Colors

Text with hexadecimal color #31d31a

This text has a font color of #31d31a.

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

#31d31a background color

This paragraph has a background color of #31d31a.

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

#31d31a border color

This element has a border color of #31d31a.

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

CSS codes

.text {color:#31d31a;}

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

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

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)
```
#041302
```
#041302 rgb(4,19,2)
```
#082404
```
#082404 rgb(8,36,4)
```
#0d3607
```
#0d3607 rgb(13,54,7)
```
#114709
```
#114709 rgb(17,71,9)
```
#15590b
```
#15590b rgb(21,89,11)
```
#196a0d
```
#196a0d rgb(25,106,13)
```
#1d7c0f
```
#1d7c0f rgb(29,124,15)
```
#218d11
```
#218d11 rgb(33,141,17)
```
#259f14
```
#259f14 rgb(37,159,20)
```
#29b016
```
#29b016 rgb(41,176,22)
```
#2dc218
```
#2dc218 rgb(45,194,24)
```
#31d31a
```
#31d31a rgb(49,211,26)
```

Shade Color Variation

#36e31d
```
#36e31d rgb(54,227,29)
```
#46e52f
```
#46e52f rgb(70,229,47)
```
#55e840
```
#55e840 rgb(85,232,64)
```
#65ea52
```
#65ea52 rgb(101,234,82)
```
#74ec63
```
#74ec63 rgb(116,236,99)
```
#84ee75
```
#84ee75 rgb(132,238,117)
```
#93f086
```
#93f086 rgb(147,240,134)
```
#a3f298
```
#a3f298 rgb(163,242,152)
```
#b2f4a9
```
#b2f4a9 rgb(178,244,169)
```
#c2f7bb
```
#c2f7bb rgb(194,247,187)
```
#d2f9cc
```
#d2f9cc rgb(210,249,204)
```
#e1fbde
```
#e1fbde rgb(225,251,222)
```
#f1fdef
```
#f1fdef rgb(241,253,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757875 is the less saturated color, while #23e508 is the most saturated one.

#757875
```
#757875 rgb(117,120,117)
```
#6f816c
```
#6f816c rgb(111,129,108)
```
#688a63
```
#688a63 rgb(104,138,99)
```
#61935a
```
#61935a rgb(97,147,90)
```
#5a9c51
```
#5a9c51 rgb(90,156,81)
```
#53a548
```
#53a548 rgb(83,165,72)
```
#4caf3e
```
#4caf3e rgb(76,175,62)
```
#46b835
```
#46b835 rgb(70,184,53)
```
#3fc12c
```
#3fc12c rgb(63,193,44)
```
#38ca23
```
#38ca23 rgb(56,202,35)
```
#31d31a
```
#31d31a rgb(49,211,26)
```
#2adc11
```
#2adc11 rgb(42,220,17)
```
#23e508
```
#23e508 rgb(35,229,8)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7b9b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb1d Protanopia 1% of men
#e7b13f Deuteranopia 1% of men
#71c7d5 Tritanopia 0.001% of the population

Trichromacy

#97c31c Protanomaly 1% of men, 0.01% of women
#a5bd31 Deuteranomaly 6% of men, 0.4% of women
#5acb91 Tritanomaly 0.01% of the population

#31d31a hex color

#31d31a Color Information

#31d31a Color Conversion

Color Schemes with #31d31a

Alternatives to #31d31a

#31d31a Preview

Shades and Tints of #31d31a

Tones of #31d31a

Color Blindness Simulator