#31d314 hex color

In a RGB color space, hex #31d314 is composed of 19.2% red, 82.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 90.5% yellow and 17.3% black. It has a hue angle of 110.9 degrees, a saturation of 82.7% and a lightness of 45.3%. #31d314 color hex could be obtained by blending #62ff28 with #00a700. Closest websafe color is: #33cc00.

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

● #31d314 color description : Strong lime green.

The hexadecimal color #31d314 has RGB values of R:49, G:211, B:20 and CMYK values of C:0.77, M:0, Y:0.91, K:0.17. Its decimal value is 3265300.

Hex triplet	31d314	`#31d314`
RGB Decimal	49, 211, 20	`rgb(49,211,20)`
RGB Percent	19.2, 82.7, 7.8	`rgb(19.2%,82.7%,7.8%)`
CMYK	77, 0, 91, 17
HSL	110.9°, 82.7, 45.3	`hsl(110.9,82.7%,45.3%)`
HSV (or HSB)	110.9°, 90.5, 82.7
Web Safe	33cc00	`#33cc00`

CIE-LAB	74.375, -70.534, 70.379
XYZ	24.686, 47.289, 8.489
xyY	0.307, 0.588, 47.289
CIE-LCH	74.375, 99.641, 135.063
CIE-LUV	74.375, -65.58, 88.994
Hunter-Lab	68.767, -56.266, 40.818
Binary	00110001, 11010011, 00010100

#31d314
```
#31d314 rgb(49,211,20)
```
#b614d3
```
#b614d3 rgb(182,20,211)
```

Complementary Color

#91d314
```
#91d314 rgb(145,211,20)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#14d357
```
#14d357 rgb(20,211,87)
```

Analogous Color

#d31491
```
#d31491 rgb(211,20,145)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#5714d3
```
#5714d3 rgb(87,20,211)
```

Split Complementary Color

#d31431
```
#d31431 rgb(211,20,49)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#1431d3
```
#1431d3 rgb(20,49,211)
```

Triadic Color

#d3b614
```
#d3b614 rgb(211,182,20)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#1431d3
```
#1431d3 rgb(20,49,211)
```
#b614d3
```
#b614d3 rgb(182,20,211)
```

Tetradic Color

#218d0d
```
#218d0d rgb(33,141,13)
```
#26a410
```
#26a410 rgb(38,164,16)
```
#2cbc12
```
#2cbc12 rgb(44,188,18)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#37e917
```
#37e917 rgb(55,233,23)
```
#4beb2f
```
#4beb2f rgb(75,235,47)
```
#5fed46
```
#5fed46 rgb(95,237,70)
```

Monochromatic Color

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

#61d314
```
#61d314 rgb(97,211,20)
```
#51d314
```
#51d314 rgb(81,211,20)
```
#41d314
```
#41d314 rgb(65,211,20)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#21d314
```
#21d314 rgb(33,211,20)
```
#14d317
```
#14d317 rgb(20,211,23)
```
#14d327
```
#14d327 rgb(20,211,39)
```

Similar Colors

Text with hexadecimal color #31d314

This text has a font color of #31d314.

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

#31d314 background color

This paragraph has a background color of #31d314.

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

#31d314 border color

This element has a border color of #31d314.

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

CSS codes

.text {color:#31d314;}

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

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

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, #030e01 is the darkest color, while #fcfffb is the lightest one.

#030e01
```
#030e01 rgb(3,14,1)
```
#072003
```
#072003 rgb(7,32,3)
```
#0c3205
```
#0c3205 rgb(12,50,5)
```
#104406
```
#104406 rgb(16,68,6)
```
#145608
```
#145608 rgb(20,86,8)
```
#18670a
```
#18670a rgb(24,103,10)
```
#1c790c
```
#1c790c rgb(28,121,12)
```
#208b0d
```
#208b0d rgb(32,139,13)
```
#259d0f
```
#259d0f rgb(37,157,15)
```
#29af11
```
#29af11 rgb(41,175,17)
```
#2dc112
```
#2dc112 rgb(45,193,18)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#35e516
```
#35e516 rgb(53,229,22)
```

Shade Color Variation

#42ea24
```
#42ea24 rgb(66,234,36)
```
#52ec36
```
#52ec36 rgb(82,236,54)
```
#61ee48
```
#61ee48 rgb(97,238,72)
```
#70ef5a
```
#70ef5a rgb(112,239,90)
```
#80f16c
```
#80f16c rgb(128,241,108)
```
#8ff37e
```
#8ff37e rgb(143,243,126)
```
#9ff48f
```
#9ff48f rgb(159,244,143)
```
#aef6a1
```
#aef6a1 rgb(174,246,161)
```
#bef8b3
```
#bef8b3 rgb(190,248,179)
```
#cdfac5
```
#cdfac5 rgb(205,250,197)
```
#ddfbd7
```
#ddfbd7 rgb(221,251,215)
```
#ecfde9
```
#ecfde9 rgb(236,253,233)
```
#fcfffb
```
#fcfffb rgb(252,255,251)
```

Tint Color Variation

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

#6f7a6d
```
#6f7a6d rgb(111,122,109)
```
#698364
```
#698364 rgb(105,131,100)
```
#628c5b
```
#628c5b rgb(98,140,91)
```
#5c9552
```
#5c9552 rgb(92,149,82)
```
#569e49
```
#569e49 rgb(86,158,73)
```
#50a740
```
#50a740 rgb(80,167,64)
```
#4aaf38
```
#4aaf38 rgb(74,175,56)
```
#44b82f
```
#44b82f rgb(68,184,47)
```
#3dc126
```
#3dc126 rgb(61,193,38)
```
#37ca1d
```
#37ca1d rgb(55,202,29)
```
#31d314
```
#31d314 rgb(49,211,20)
```
#2bdc0b
```
#2bdc0b rgb(43,220,11)
```
#25e502
```
#25e502 rgb(37,229,2)
```

Tone Color Variation

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

Dichromacy

#d1bb16 Protanopia 1% of men
#e7b13c Deuteranopia 1% of men
#71c7d5 Tritanopia 0.001% of the population

Trichromacy

#97c315 Protanomaly 1% of men, 0.01% of women
#a5bd2d Deuteranomaly 6% of men, 0.4% of women
#5acb8f Tritanomaly 0.01% of the population

#31d314 hex color

#31d314 Color Information

#31d314 Color Conversion

Color Schemes with #31d314

Alternatives to #31d314

#31d314 Preview

Shades and Tints of #31d314

Tones of #31d314

Color Blindness Simulator