#31ec96 hex color

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

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

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

The hexadecimal color #31ec96 has RGB values of R:49, G:236, B:150 and CMYK values of C:0.79, M:0, Y:0.36, K:0.07. Its decimal value is 3271830.

Hex triplet	31ec96	`#31ec96`
RGB Decimal	49, 236, 150	`rgb(49,236,150)`
RGB Percent	19.2, 92.5, 58.8	`rgb(19.2%,92.5%,58.8%)`
CMYK	79, 0, 36, 7
HSL	152.4°, 83.1, 55.9	`hsl(152.4,83.1%,55.9%)`
HSV (or HSB)	152.4°, 79.2, 92.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.359, -63.967, 29.219
XYZ	36.764, 62.842, 39.045
xyY	0.265, 0.453, 62.842
CIE-LCH	83.359, 70.324, 155.45
CIE-LUV	83.359, -69.06, 51.424
Hunter-Lab	79.273, -55.945, 26.289
Binary	00110001, 11101100, 10010110

#31ec96
```
#31ec96 rgb(49,236,150)
```
#ec3187
```
#ec3187 rgb(236,49,135)
```

Complementary Color

#31ec39
```
#31ec39 rgb(49,236,57)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#31e5ec
```
#31e5ec rgb(49,229,236)
```

Analogous Color

#ec3931
```
#ec3931 rgb(236,57,49)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#ec31e5
```
#ec31e5 rgb(236,49,229)
```

Split Complementary Color

#ec9631
```
#ec9631 rgb(236,150,49)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#9631ec
```
#9631ec rgb(150,49,236)
```

Triadic Color

#87ec31
```
#87ec31 rgb(135,236,49)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#9631ec
```
#9631ec rgb(150,49,236)
```
#ec3187
```
#ec3187 rgb(236,49,135)
```

Tetradic Color

#12bf6f
```
#12bf6f rgb(18,191,111)
```
#14d67d
```
#14d67d rgb(20,214,125)
```
#1aea8a
```
#1aea8a rgb(26,234,138)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#48eea2
```
#48eea2 rgb(72,238,162)
```
#60f0ae
```
#60f0ae rgb(96,240,174)
```
#77f2ba
```
#77f2ba rgb(119,242,186)
```

Monochromatic Color

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

#31ec67
```
#31ec67 rgb(49,236,103)
```
#31ec77
```
#31ec77 rgb(49,236,119)
```
#31ec86
```
#31ec86 rgb(49,236,134)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#31eca6
```
#31eca6 rgb(49,236,166)
```
#31ecb5
```
#31ecb5 rgb(49,236,181)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```

Similar Colors

Text with hexadecimal color #31ec96

This text has a font color of #31ec96.

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

#31ec96 background color

This paragraph has a background color of #31ec96.

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

#31ec96 border color

This element has a border color of #31ec96.

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

CSS codes

.text {color:#31ec96;}

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

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

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

#010a06
```
#010a06 rgb(1,10,6)
```
#031b10
```
#031b10 rgb(3,27,16)
```
#042d1a
```
#042d1a rgb(4,45,26)
```
#063f25
```
#063f25 rgb(6,63,37)
```
#08512f
```
#08512f rgb(8,81,47)
```
#09633a
```
#09633a rgb(9,99,58)
```
#0b7544
```
#0b7544 rgb(11,117,68)
```
#0c874f
```
#0c874f rgb(12,135,79)
```
#0e9959
```
#0e9959 rgb(14,153,89)
```
#10ab64
```
#10ab64 rgb(16,171,100)
```
#11bd6e
```
#11bd6e rgb(17,189,110)
```
#13cf79
```
#13cf79 rgb(19,207,121)
```
#15e183
```
#15e183 rgb(21,225,131)
```

Shade Color Variation

#1fea8d
```
#1fea8d rgb(31,234,141)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#43ee9f
```
#43ee9f rgb(67,238,159)
```
#55efa8
```
#55efa8 rgb(85,239,168)
```
#67f1b1
```
#67f1b1 rgb(103,241,177)
```
#79f3bb
```
#79f3bb rgb(121,243,187)
```
#8bf4c4
```
#8bf4c4 rgb(139,244,196)
```
#9df6cd
```
#9df6cd rgb(157,246,205)
```
#aff8d6
```
#aff8d6 rgb(175,248,214)
```
#c1f9df
```
#c1f9df rgb(193,249,223)
```
#d3fbe8
```
#d3fbe8 rgb(211,251,232)
```
#e5fdf2
```
#e5fdf2 rgb(229,253,242)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#88958f
```
#88958f rgb(136,149,143)
```
#7f9e90
```
#7f9e90 rgb(127,158,144)
```
#76a790
```
#76a790 rgb(118,167,144)
```
#6eaf91
```
#6eaf91 rgb(110,175,145)
```
#65b892
```
#65b892 rgb(101,184,146)
```
#5cc193
```
#5cc193 rgb(92,193,147)
```
#54c993
```
#54c993 rgb(84,201,147)
```
#4bd294
```
#4bd294 rgb(75,210,148)
```
#42db95
```
#42db95 rgb(66,219,149)
```
#3ae395
```
#3ae395 rgb(58,227,149)
```
#31ec96
```
#31ec96 rgb(49,236,150)
```
#28f597
```
#28f597 rgb(40,245,151)
```
#20fd97
```
#20fd97 rgb(32,253,151)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#92b7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d290 Protanopia 1% of men
#f4caa7 Deuteranopia 1% of men
#6ee2f2 Tritanopia 0.001% of the population

Trichromacy

#a2db92 Protanomaly 1% of men, 0.01% of women
#add6a1 Deuteranomaly 6% of men, 0.4% of women
#57e5d0 Tritanomaly 0.01% of the population

#31ec96 hex color

#31ec96 Color Information

#31ec96 Color Conversion

Color Schemes with #31ec96

Alternatives to #31ec96

#31ec96 Preview

Shades and Tints of #31ec96

Tones of #31ec96

Color Blindness Simulator