#31ed71 hex color

In a RGB color space, hex #31ed71 is composed of 19.2% red, 92.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 0% magenta, 52.3% yellow and 7.1% black. It has a hue angle of 140.4 degrees, a saturation of 83.9% and a lightness of 56.1%. #31ed71 color hex could be obtained by blending #62ffe2 with #00db00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 19
- G 93
- B 44
RGB color chart
- C 79
- M 0
- Y 52
- K 7
CMYK color chart

● #31ed71 color description : Bright cyan - lime green.

The hexadecimal color #31ed71 has RGB values of R:49, G:237, B:113 and CMYK values of C:0.79, M:0, Y:0.52, K:0.07. Its decimal value is 3272049.

Hex triplet	31ed71	`#31ed71`
RGB Decimal	49, 237, 113	`rgb(49,237,113)`
RGB Percent	19.2, 92.9, 44.3	`rgb(19.2%,92.9%,44.3%)`
CMYK	79, 0, 52, 7
HSL	140.4°, 83.9, 56.1	`hsl(140.4,83.9%,56.1%)`
HSV (or HSB)	140.4°, 79.3, 92.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	83.131, -70.521, 47.077
XYZ	34.529, 62.41, 25.848
xyY	0.281, 0.508, 62.41
CIE-LCH	83.131, 84.791, 146.274
CIE-LUV	83.131, -71.41, 72.961
Hunter-Lab	79, -60.232, 35.901
Binary	00110001, 11101101, 01110001

#31ed71
```
#31ed71 rgb(49,237,113)
```
#ed31ad
```
#ed31ad rgb(237,49,173)
```

Complementary Color

#4fed31
```
#4fed31 rgb(79,237,49)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#31edcf
```
#31edcf rgb(49,237,207)
```

Analogous Color

#ed314f
```
#ed314f rgb(237,49,79)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#cf31ed
```
#cf31ed rgb(207,49,237)
```

Split Complementary Color

#ed7131
```
#ed7131 rgb(237,113,49)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#7131ed
```
#7131ed rgb(113,49,237)
```

Triadic Color

#aded31
```
#aded31 rgb(173,237,49)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#7131ed
```
#7131ed rgb(113,49,237)
```
#ed31ad
```
#ed31ad rgb(237,49,173)
```

Tetradic Color

#11c14d
```
#11c14d rgb(17,193,77)
```
#13d856
```
#13d856 rgb(19,216,86)
```
#1aeb61
```
#1aeb61 rgb(26,235,97)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#48ef81
```
#48ef81 rgb(72,239,129)
```
#60f191
```
#60f191 rgb(96,241,145)
```
#77f3a1
```
#77f3a1 rgb(119,243,161)
```

Monochromatic Color

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

#31ed42
```
#31ed42 rgb(49,237,66)
```
#31ed52
```
#31ed52 rgb(49,237,82)
```
#31ed61
```
#31ed61 rgb(49,237,97)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#31ed90
```
#31ed90 rgb(49,237,144)
```
#31eda0
```
#31eda0 rgb(49,237,160)
```

Similar Colors

Text with hexadecimal color #31ed71

This text has a font color of #31ed71.

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

#31ed71 background color

This paragraph has a background color of #31ed71.

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

#31ed71 border color

This element has a border color of #31ed71.

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

CSS codes

.text {color:#31ed71;}

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

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

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, #010a04 is the darkest color, while #f7fefa is the lightest one.

#010a04
```
#010a04 rgb(1,10,4)
```
#021d0b
```
#021d0b rgb(2,29,11)
```
#042f13
```
#042f13 rgb(4,47,19)
```
#06411a
```
#06411a rgb(6,65,26)
```
#075321
```
#075321 rgb(7,83,33)
```
#096528
```
#096528 rgb(9,101,40)
```
#0a772f
```
#0a772f rgb(10,119,47)
```
#0c8936
```
#0c8936 rgb(12,137,54)
```
#0e9b3e
```
#0e9b3e rgb(14,155,62)
```
#0fad45
```
#0fad45 rgb(15,173,69)
```
#11bf4c
```
#11bf4c rgb(17,191,76)
```
#12d153
```
#12d153 rgb(18,209,83)
```
#14e35a
```
#14e35a rgb(20,227,90)
```

Shade Color Variation

#1feb65
```
#1feb65 rgb(31,235,101)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#43ef7d
```
#43ef7d rgb(67,239,125)
```
#55f08a
```
#55f08a rgb(85,240,138)
```
#67f296
```
#67f296 rgb(103,242,150)
```
#79f3a3
```
#79f3a3 rgb(121,243,163)
```
#8bf5af
```
#8bf5af rgb(139,245,175)
```
#9df6bc
```
#9df6bc rgb(157,246,188)
```
#aff8c8
```
#aff8c8 rgb(175,248,200)
```
#c1fad4
```
#c1fad4 rgb(193,250,212)
```
#d3fbe1
```
#d3fbe1 rgb(211,251,225)
```
#e5fded
```
#e5fded rgb(229,253,237)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87978c is the less saturated color, while #20fe6c is the most saturated one.

#87978c
```
#87978c rgb(135,151,140)
```
#7f9f8a
```
#7f9f8a rgb(127,159,138)
```
#76a887
```
#76a887 rgb(118,168,135)
```
#6db184
```
#6db184 rgb(109,177,132)
```
#65b981
```
#65b981 rgb(101,185,129)
```
#5cc27f
```
#5cc27f rgb(92,194,127)
```
#53cb7c
```
#53cb7c rgb(83,203,124)
```
#4bd379
```
#4bd379 rgb(75,211,121)
```
#42dc76
```
#42dc76 rgb(66,220,118)
```
#3ae474
```
#3ae474 rgb(58,228,116)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#28f66e
```
#28f66e rgb(40,246,110)
```
#20fe6c
```
#20fe6c rgb(32,254,108)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8fb59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d16f Protanopia 1% of men
#fbc885 Deuteranopia 1% of men
#75e0f1 Tritanopia 0.001% of the population

Trichromacy

#a4db6f Protanomaly 1% of men, 0.01% of women
#b1d57e Deuteranomaly 6% of men, 0.4% of women
#5ce5c2 Tritanomaly 0.01% of the population

#31ed71 hex color

#31ed71 Color Information

#31ed71 Color Conversion

Color Schemes with #31ed71

Alternatives to #31ed71

#31ed71 Preview

Shades and Tints of #31ed71

Tones of #31ed71

Color Blindness Simulator