#31ed81 hex color

In a RGB color space, hex #31ed81 is composed of 19.2% red, 92.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 0% magenta, 45.6% yellow and 7.1% black. It has a hue angle of 145.5 degrees, a saturation of 83.9% and a lightness of 56.1%. #31ed81 color hex could be obtained by blending #62ffff with #00db03. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #31ed81 has RGB values of R:49, G:237, B:129 and CMYK values of C:0.79, M:0, Y:0.46, K:0.07. Its decimal value is 3272065.

Hex triplet	31ed81	`#31ed81`
RGB Decimal	49, 237, 129	`rgb(49,237,129)`
RGB Percent	19.2, 92.9, 50.6	`rgb(19.2%,92.9%,50.6%)`
CMYK	79, 0, 46, 7
HSL	145.5°, 83.9, 56.1	`hsl(145.5,83.9%,56.1%)`
HSV (or HSB)	145.5°, 79.3, 92.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.338, -68.066, 39.675
XYZ	35.511, 62.803, 31.018
xyY	0.275, 0.486, 62.803
CIE-LCH	83.338, 78.785, 149.762
CIE-LUV	83.338, -70.599, 64.583
Hunter-Lab	79.248, -58.699, 32.267
Binary	00110001, 11101101, 10000001

#31ed81
```
#31ed81 rgb(49,237,129)
```
#ed319d
```
#ed319d rgb(237,49,157)
```

Complementary Color

#3fed31
```
#3fed31 rgb(63,237,49)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#31eddf
```
#31eddf rgb(49,237,223)
```

Analogous Color

#ed313f
```
#ed313f rgb(237,49,63)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#df31ed
```
#df31ed rgb(223,49,237)
```

Split Complementary Color

#ed8131
```
#ed8131 rgb(237,129,49)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#8131ed
```
#8131ed rgb(129,49,237)
```

Triadic Color

#9ded31
```
#9ded31 rgb(157,237,49)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#8131ed
```
#8131ed rgb(129,49,237)
```
#ed319d
```
#ed319d rgb(237,49,157)
```

Tetradic Color

#11c15c
```
#11c15c rgb(17,193,92)
```
#13d867
```
#13d867 rgb(19,216,103)
```
#1aeb73
```
#1aeb73 rgb(26,235,115)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#48ef8f
```
#48ef8f rgb(72,239,143)
```
#60f19e
```
#60f19e rgb(96,241,158)
```
#77f3ac
```
#77f3ac rgb(119,243,172)
```

Monochromatic Color

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

#31ed52
```
#31ed52 rgb(49,237,82)
```
#31ed62
```
#31ed62 rgb(49,237,98)
```
#31ed71
```
#31ed71 rgb(49,237,113)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#31ed91
```
#31ed91 rgb(49,237,145)
```
#31eda0
```
#31eda0 rgb(49,237,160)
```
#31edb0
```
#31edb0 rgb(49,237,176)
```

Similar Colors

Text with hexadecimal color #31ed81

This text has a font color of #31ed81.

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

#31ed81 background color

This paragraph has a background color of #31ed81.

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

#31ed81 border color

This element has a border color of #31ed81.

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

CSS codes

.text {color:#31ed81;}

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

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

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

#010a05
```
#010a05 rgb(1,10,5)
```
#021d0e
```
#021d0e rgb(2,29,14)
```
#042f16
```
#042f16 rgb(4,47,22)
```
#06411f
```
#06411f rgb(6,65,31)
```
#075327
```
#075327 rgb(7,83,39)
```
#096530
```
#096530 rgb(9,101,48)
```
#0a7738
```
#0a7738 rgb(10,119,56)
```
#0c8941
```
#0c8941 rgb(12,137,65)
```
#0e9b4a
```
#0e9b4a rgb(14,155,74)
```
#0fad52
```
#0fad52 rgb(15,173,82)
```
#11bf5b
```
#11bf5b rgb(17,191,91)
```
#12d163
```
#12d163 rgb(18,209,99)
```
#14e36c
```
#14e36c rgb(20,227,108)
```

Shade Color Variation

#1feb76
```
#1feb76 rgb(31,235,118)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#43ef8c
```
#43ef8c rgb(67,239,140)
```
#55f097
```
#55f097 rgb(85,240,151)
```
#67f2a2
```
#67f2a2 rgb(103,242,162)
```
#79f3ad
```
#79f3ad rgb(121,243,173)
```
#8bf5b8
```
#8bf5b8 rgb(139,245,184)
```
#9df6c3
```
#9df6c3 rgb(157,246,195)
```
#aff8ce
```
#aff8ce rgb(175,248,206)
```
#c1fad9
```
#c1fad9 rgb(193,250,217)
```
#d3fbe4
```
#d3fbe4 rgb(211,251,228)
```
#e5fdef
```
#e5fdef rgb(229,253,239)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#87978e
```
#87978e rgb(135,151,142)
```
#7f9f8d
```
#7f9f8d rgb(127,159,141)
```
#76a88b
```
#76a88b rgb(118,168,139)
```
#6db18a
```
#6db18a rgb(109,177,138)
```
#65b989
```
#65b989 rgb(101,185,137)
```
#5cc287
```
#5cc287 rgb(92,194,135)
```
#53cb86
```
#53cb86 rgb(83,203,134)
```
#4bd385
```
#4bd385 rgb(75,211,133)
```
#42dc84
```
#42dc84 rgb(66,220,132)
```
#3ae482
```
#3ae482 rgb(58,228,130)
```
#31ed81
```
#31ed81 rgb(49,237,129)
```
#28f680
```
#28f680 rgb(40,246,128)
```
#20fe7e
```
#20fe7e rgb(32,254,126)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#90b6a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d27d Protanopia 1% of men
#f9c994 Deuteranopia 1% of men
#72e1f2 Tritanopia 0.001% of the population

Trichromacy

#a3db7e Protanomaly 1% of men, 0.01% of women
#b0d68d Deuteranomaly 6% of men, 0.4% of women
#5ae5c8 Tritanomaly 0.01% of the population

#31ed81 hex color

#31ed81 Color Information

#31ed81 Color Conversion

Color Schemes with #31ed81

Alternatives to #31ed81

#31ed81 Preview

Shades and Tints of #31ed81

Tones of #31ed81

Color Blindness Simulator