#31ec64 hex color

In a RGB color space, hex #31ec64 is composed of 19.2% red, 92.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 0% magenta, 57.6% yellow and 7.5% black. It has a hue angle of 136.4 degrees, a saturation of 83.1% and a lightness of 55.9%. #31ec64 color hex could be obtained by blending #62ffc8 with #00d900. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #31ec64 has RGB values of R:49, G:236, B:100 and CMYK values of C:0.79, M:0, Y:0.58, K:0.07. Its decimal value is 3271780.

Hex triplet	31ec64	`#31ec64`
RGB Decimal	49, 236, 100	`rgb(49,236,100)`
RGB Percent	19.2, 92.5, 39.2	`rgb(19.2%,92.5%,39.2%)`
CMYK	79, 0, 58, 7
HSL	136.4°, 83.1, 55.9	`hsl(136.4,83.1%,55.9%)`
HSV (or HSB)	136.4°, 79.2, 92.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	82.679, -71.942, 52.476
XYZ	33.56, 61.56, 22.17
xyY	0.286, 0.525, 61.56
CIE-LCH	82.679, 89.047, 143.892
CIE-LUV	82.679, -71.668, 78.462
Hunter-Lab	78.46, -60.955, 38.17
Binary	00110001, 11101100, 01100100

#31ec64
```
#31ec64 rgb(49,236,100)
```
#ec31b9
```
#ec31b9 rgb(236,49,185)
```

Complementary Color

#5cec31
```
#5cec31 rgb(92,236,49)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#31ecc2
```
#31ecc2 rgb(49,236,194)
```

Analogous Color

#ec315b
```
#ec315b rgb(236,49,91)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#c231ec
```
#c231ec rgb(194,49,236)
```

Split Complementary Color

#ec6431
```
#ec6431 rgb(236,100,49)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#6431ec
```
#6431ec rgb(100,49,236)
```

Triadic Color

#b9ec31
```
#b9ec31 rgb(185,236,49)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#6431ec
```
#6431ec rgb(100,49,236)
```
#ec31b9
```
#ec31b9 rgb(236,49,185)
```

Tetradic Color

#12bf41
```
#12bf41 rgb(18,191,65)
```
#14d649
```
#14d649 rgb(20,214,73)
```
#1aea52
```
#1aea52 rgb(26,234,82)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#48ee76
```
#48ee76 rgb(72,238,118)
```
#60f087
```
#60f087 rgb(96,240,135)
```
#77f299
```
#77f299 rgb(119,242,153)
```

Monochromatic Color

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

#31ec35
```
#31ec35 rgb(49,236,53)
```
#31ec45
```
#31ec45 rgb(49,236,69)
```
#31ec54
```
#31ec54 rgb(49,236,84)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#31ec74
```
#31ec74 rgb(49,236,116)
```
#31ec83
```
#31ec83 rgb(49,236,131)
```
#31ec93
```
#31ec93 rgb(49,236,147)
```

Similar Colors

Text with hexadecimal color #31ec64

This text has a font color of #31ec64.

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

#31ec64 background color

This paragraph has a background color of #31ec64.

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

#31ec64 border color

This element has a border color of #31ec64.

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

CSS codes

.text {color:#31ec64;}

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

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

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

#010a03
```
#010a03 rgb(1,10,3)
```
#031b09
```
#031b09 rgb(3,27,9)
```
#042d0f
```
#042d0f rgb(4,45,15)
```
#063f16
```
#063f16 rgb(6,63,22)
```
#08511c
```
#08511c rgb(8,81,28)
```
#096322
```
#096322 rgb(9,99,34)
```
#0b7528
```
#0b7528 rgb(11,117,40)
```
#0c872e
```
#0c872e rgb(12,135,46)
```
#0e9934
```
#0e9934 rgb(14,153,52)
```
#10ab3a
```
#10ab3a rgb(16,171,58)
```
#11bd40
```
#11bd40 rgb(17,189,64)
```
#13cf46
```
#13cf46 rgb(19,207,70)
```
#15e14c
```
#15e14c rgb(21,225,76)
```

Shade Color Variation

#1fea56
```
#1fea56 rgb(31,234,86)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#43ee72
```
#43ee72 rgb(67,238,114)
```
#55ef7f
```
#55ef7f rgb(85,239,127)
```
#67f18d
```
#67f18d rgb(103,241,141)
```
#79f39a
```
#79f39a rgb(121,243,154)
```
#8bf4a8
```
#8bf4a8 rgb(139,244,168)
```
#9df6b5
```
#9df6b5 rgb(157,246,181)
```
#aff8c3
```
#aff8c3 rgb(175,248,195)
```
#c1f9d0
```
#c1f9d0 rgb(193,249,208)
```
#d3fbde
```
#d3fbde rgb(211,251,222)
```
#e5fdeb
```
#e5fdeb rgb(229,253,235)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#88958b
```
#88958b rgb(136,149,139)
```
#7f9e87
```
#7f9e87 rgb(127,158,135)
```
#76a783
```
#76a783 rgb(118,167,131)
```
#6eaf80
```
#6eaf80 rgb(110,175,128)
```
#65b87c
```
#65b87c rgb(101,184,124)
```
#5cc178
```
#5cc178 rgb(92,193,120)
```
#54c974
```
#54c974 rgb(84,201,116)
```
#4bd270
```
#4bd270 rgb(75,210,112)
```
#42db6c
```
#42db6c rgb(66,219,108)
```
#3ae368
```
#3ae368 rgb(58,227,104)
```
#31ec64
```
#31ec64 rgb(49,236,100)
```
#28f560
```
#28f560 rgb(40,245,96)
```
#20fd5c
```
#20fd5c rgb(32,253,92)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eb398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d063 Protanopia 1% of men
#fcc77a Deuteranopia 1% of men
#76dfef Tritanopia 0.001% of the population

Trichromacy

#a4da63 Protanomaly 1% of men, 0.01% of women
#b2d472 Deuteranomaly 6% of men, 0.4% of women
#5de3bc Tritanomaly 0.01% of the population

#31ec64 hex color

#31ec64 Color Information

#31ec64 Color Conversion

Color Schemes with #31ec64

Alternatives to #31ec64

#31ec64 Preview

Shades and Tints of #31ec64

Tones of #31ec64

Color Blindness Simulator