#31ec80 hex color

In a RGB color space, hex #31ec80 is composed of 19.2% red, 92.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 0% magenta, 45.8% yellow and 7.5% black. It has a hue angle of 145.3 degrees, a saturation of 83.1% and a lightness of 55.9%. #31ec80 color hex could be obtained by blending #62ffff with #00d901. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #31ec80 has RGB values of R:49, G:236, B:128 and CMYK values of C:0.79, M:0, Y:0.46, K:0.07. Its decimal value is 3271808.

Hex triplet	31ec80	`#31ec80`
RGB Decimal	49, 236, 128	`rgb(49,236,128)`
RGB Percent	19.2, 92.5, 50.2	`rgb(19.2%,92.5%,50.2%)`
CMYK	79, 0, 46, 7
HSL	145.3°, 83.1, 55.9	`hsl(145.3,83.1%,55.9%)`
HSV (or HSB)	145.3°, 79.2, 92.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.019, -67.892, 39.756
XYZ	35.156, 62.199, 30.574
xyY	0.275, 0.486, 62.199
CIE-LCH	83.019, 78.676, 149.648
CIE-LUV	83.019, -70.322, 64.579
Hunter-Lab	78.866, -58.446, 32.222
Binary	00110001, 11101100, 10000000

#31ec80
```
#31ec80 rgb(49,236,128)
```
#ec319d
```
#ec319d rgb(236,49,157)
```

Complementary Color

#40ec31
```
#40ec31 rgb(64,236,49)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#31ecde
```
#31ecde rgb(49,236,222)
```

Analogous Color

#ec3140
```
#ec3140 rgb(236,49,64)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#de31ec
```
#de31ec rgb(222,49,236)
```

Split Complementary Color

#ec8031
```
#ec8031 rgb(236,128,49)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#8031ec
```
#8031ec rgb(128,49,236)
```

Triadic Color

#9dec31
```
#9dec31 rgb(157,236,49)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#8031ec
```
#8031ec rgb(128,49,236)
```
#ec319d
```
#ec319d rgb(236,49,157)
```

Tetradic Color

#12bf5b
```
#12bf5b rgb(18,191,91)
```
#14d666
```
#14d666 rgb(20,214,102)
```
#1aea72
```
#1aea72 rgb(26,234,114)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#48ee8e
```
#48ee8e rgb(72,238,142)
```
#60f09d
```
#60f09d rgb(96,240,157)
```
#77f2ab
```
#77f2ab rgb(119,242,171)
```

Monochromatic Color

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

#31ec51
```
#31ec51 rgb(49,236,81)
```
#31ec61
```
#31ec61 rgb(49,236,97)
```
#31ec70
```
#31ec70 rgb(49,236,112)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#31ec90
```
#31ec90 rgb(49,236,144)
```
#31ec9f
```
#31ec9f rgb(49,236,159)
```
#31ecaf
```
#31ecaf rgb(49,236,175)
```

Similar Colors

Text with hexadecimal color #31ec80

This text has a font color of #31ec80.

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

#31ec80 background color

This paragraph has a background color of #31ec80.

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

#31ec80 border color

This element has a border color of #31ec80.

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

CSS codes

.text {color:#31ec80;}

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

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

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)
```
#031b0d
```
#031b0d rgb(3,27,13)
```
#042d16
```
#042d16 rgb(4,45,22)
```
#063f1e
```
#063f1e rgb(6,63,30)
```
#085127
```
#085127 rgb(8,81,39)
```
#09632f
```
#09632f rgb(9,99,47)
```
#0b7538
```
#0b7538 rgb(11,117,56)
```
#0c8740
```
#0c8740 rgb(12,135,64)
```
#0e9949
```
#0e9949 rgb(14,153,73)
```
#10ab51
```
#10ab51 rgb(16,171,81)
```
#11bd5a
```
#11bd5a rgb(17,189,90)
```
#13cf63
```
#13cf63 rgb(19,207,99)
```
#15e16b
```
#15e16b rgb(21,225,107)
```

Shade Color Variation

#1fea75
```
#1fea75 rgb(31,234,117)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#43ee8b
```
#43ee8b rgb(67,238,139)
```
#55ef96
```
#55ef96 rgb(85,239,150)
```
#67f1a1
```
#67f1a1 rgb(103,241,161)
```
#79f3ac
```
#79f3ac rgb(121,243,172)
```
#8bf4b7
```
#8bf4b7 rgb(139,244,183)
```
#9df6c2
```
#9df6c2 rgb(157,246,194)
```
#aff8ce
```
#aff8ce rgb(175,248,206)
```
#c1f9d9
```
#c1f9d9 rgb(193,249,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, #88958d is the less saturated color, while #20fd7d is the most saturated one.

#88958d
```
#88958d rgb(136,149,141)
```
#7f9e8c
```
#7f9e8c rgb(127,158,140)
```
#76a78b
```
#76a78b rgb(118,167,139)
```
#6eaf89
```
#6eaf89 rgb(110,175,137)
```
#65b888
```
#65b888 rgb(101,184,136)
```
#5cc187
```
#5cc187 rgb(92,193,135)
```
#54c985
```
#54c985 rgb(84,201,133)
```
#4bd284
```
#4bd284 rgb(75,210,132)
```
#42db83
```
#42db83 rgb(66,219,131)
```
#3ae381
```
#3ae381 rgb(58,227,129)
```
#31ec80
```
#31ec80 rgb(49,236,128)
```
#28f57f
```
#28f57f rgb(40,245,127)
```
#20fd7d
```
#20fd7d rgb(32,253,125)
```

Tone Color Variation

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

#e4d17c Protanopia 1% of men
#f8c893 Deuteranopia 1% of men
#72e0f1 Tritanopia 0.001% of the population

Trichromacy

#a3db7d Protanomaly 1% of men, 0.01% of women
#afd58c Deuteranomaly 6% of men, 0.4% of women
#5ae4c7 Tritanomaly 0.01% of the population

#31ec80 hex color

#31ec80 Color Information

#31ec80 Color Conversion

Color Schemes with #31ec80

Alternatives to #31ec80

#31ec80 Preview

Shades and Tints of #31ec80

Tones of #31ec80

Color Blindness Simulator