#31ed7a hex color

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

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

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

The hexadecimal color #31ed7a has RGB values of R:49, G:237, B:122 and CMYK values of C:0.79, M:0, Y:0.49, K:0.07. Its decimal value is 3272058.

Hex triplet	31ed7a	`#31ed7a`
RGB Decimal	49, 237, 122	`rgb(49,237,122)`
RGB Percent	19.2, 92.9, 47.8	`rgb(19.2%,92.9%,47.8%)`
CMYK	79, 0, 49, 7
HSL	143.3°, 83.9, 56.1	`hsl(143.3,83.9%,56.1%)`
HSV (or HSB)	143.3°, 79.3, 92.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	83.244, -69.183, 42.949
XYZ	35.061, 62.623, 28.651
xyY	0.278, 0.496, 62.623
CIE-LCH	83.244, 81.43, 148.168
CIE-LUV	83.244, -70.966, 68.38
Hunter-Lab	79.135, -59.4, 33.928
Binary	00110001, 11101101, 01111010

#31ed7a
```
#31ed7a rgb(49,237,122)
```
#ed31a4
```
#ed31a4 rgb(237,49,164)
```

Complementary Color

#46ed31
```
#46ed31 rgb(70,237,49)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#31edd8
```
#31edd8 rgb(49,237,216)
```

Analogous Color

#ed3146
```
#ed3146 rgb(237,49,70)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#d831ed
```
#d831ed rgb(216,49,237)
```

Split Complementary Color

#ed7a31
```
#ed7a31 rgb(237,122,49)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#7a31ed
```
#7a31ed rgb(122,49,237)
```

Triadic Color

#a4ed31
```
#a4ed31 rgb(164,237,49)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#7a31ed
```
#7a31ed rgb(122,49,237)
```
#ed31a4
```
#ed31a4 rgb(237,49,164)
```

Tetradic Color

#11c155
```
#11c155 rgb(17,193,85)
```
#13d85f
```
#13d85f rgb(19,216,95)
```
#1aeb6b
```
#1aeb6b rgb(26,235,107)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#48ef89
```
#48ef89 rgb(72,239,137)
```
#60f198
```
#60f198 rgb(96,241,152)
```
#77f3a7
```
#77f3a7 rgb(119,243,167)
```

Monochromatic Color

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

#31ed4b
```
#31ed4b rgb(49,237,75)
```
#31ed5b
```
#31ed5b rgb(49,237,91)
```
#31ed6a
```
#31ed6a rgb(49,237,106)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#31ed8a
```
#31ed8a rgb(49,237,138)
```
#31ed99
```
#31ed99 rgb(49,237,153)
```
#31eda9
```
#31eda9 rgb(49,237,169)
```

Similar Colors

Text with hexadecimal color #31ed7a

This text has a font color of #31ed7a.

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

#31ed7a background color

This paragraph has a background color of #31ed7a.

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

#31ed7a border color

This element has a border color of #31ed7a.

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

CSS codes

.text {color:#31ed7a;}

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

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

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)
```
#021d0d
```
#021d0d rgb(2,29,13)
```
#042f15
```
#042f15 rgb(4,47,21)
```
#06411d
```
#06411d rgb(6,65,29)
```
#075325
```
#075325 rgb(7,83,37)
```
#09652c
```
#09652c rgb(9,101,44)
```
#0a7734
```
#0a7734 rgb(10,119,52)
```
#0c893c
```
#0c893c rgb(12,137,60)
```
#0e9b44
```
#0e9b44 rgb(14,155,68)
```
#0fad4c
```
#0fad4c rgb(15,173,76)
```
#11bf54
```
#11bf54 rgb(17,191,84)
```
#12d15c
```
#12d15c rgb(18,209,92)
```
#14e364
```
#14e364 rgb(20,227,100)
```

Shade Color Variation

#1feb6e
```
#1feb6e rgb(31,235,110)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#43ef86
```
#43ef86 rgb(67,239,134)
```
#55f091
```
#55f091 rgb(85,240,145)
```
#67f29d
```
#67f29d rgb(103,242,157)
```
#79f3a9
```
#79f3a9 rgb(121,243,169)
```
#8bf5b4
```
#8bf5b4 rgb(139,245,180)
```
#9df6c0
```
#9df6c0 rgb(157,246,192)
```
#aff8cc
```
#aff8cc rgb(175,248,204)
```
#c1fad7
```
#c1fad7 rgb(193,250,215)
```
#d3fbe3
```
#d3fbe3 rgb(211,251,227)
```
#e5fdee
```
#e5fdee rgb(229,253,238)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#87978d
```
#87978d rgb(135,151,141)
```
#7f9f8b
```
#7f9f8b rgb(127,159,139)
```
#76a889
```
#76a889 rgb(118,168,137)
```
#6db187
```
#6db187 rgb(109,177,135)
```
#65b986
```
#65b986 rgb(101,185,134)
```
#5cc284
```
#5cc284 rgb(92,194,132)
```
#53cb82
```
#53cb82 rgb(83,203,130)
```
#4bd380
```
#4bd380 rgb(75,211,128)
```
#42dc7e
```
#42dc7e rgb(66,220,126)
```
#3ae47c
```
#3ae47c rgb(58,228,124)
```
#31ed7a
```
#31ed7a rgb(49,237,122)
```
#28f678
```
#28f678 rgb(40,246,120)
```
#20fe76
```
#20fe76 rgb(32,254,118)
```

Tone Color Variation

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

Dichromacy

#e6d177 Protanopia 1% of men
#fac98e Deuteranopia 1% of men
#73e1f1 Tritanopia 0.001% of the population

Trichromacy

#a4db78 Protanomaly 1% of men, 0.01% of women
#b1d686 Deuteranomaly 6% of men, 0.4% of women
#5be5c6 Tritanomaly 0.01% of the population

#31ed7a hex color

#31ed7a Color Information

#31ed7a Color Conversion

Color Schemes with #31ed7a

Alternatives to #31ed7a

#31ed7a Preview

Shades and Tints of #31ed7a

Tones of #31ed7a

Color Blindness Simulator