#31eca2 hex color

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

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

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

The hexadecimal color #31eca2 has RGB values of R:49, G:236, B:162 and CMYK values of C:0.79, M:0, Y:0.31, K:0.07. Its decimal value is 3271842.

Hex triplet	31eca2	`#31eca2`
RGB Decimal	49, 236, 162	`rgb(49,236,162)`
RGB Percent	19.2, 92.5, 63.5	`rgb(19.2%,92.5%,63.5%)`
CMYK	79, 0, 31, 7
HSL	156.3°, 83.1, 55.9	`hsl(156.3,83.1%,55.9%)`
HSV (or HSB)	156.3°, 79.2, 92.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.573, -61.562, 23.37
XYZ	37.781, 63.249, 44.397
xyY	0.26, 0.435, 63.249
CIE-LCH	83.573, 65.848, 159.212
CIE-LUV	83.573, -68.308, 43.509
Hunter-Lab	79.529, -54.378, 22.571
Binary	00110001, 11101100, 10100010

#31eca2
```
#31eca2 rgb(49,236,162)
```
#ec317b
```
#ec317b rgb(236,49,123)
```

Complementary Color

#31ec45
```
#31ec45 rgb(49,236,69)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#31d9ec
```
#31d9ec rgb(49,217,236)
```

Analogous Color

#ec4531
```
#ec4531 rgb(236,69,49)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#ec31d9
```
#ec31d9 rgb(236,49,217)
```

Split Complementary Color

#eca231
```
#eca231 rgb(236,162,49)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#a231ec
```
#a231ec rgb(162,49,236)
```

Triadic Color

#7bec31
```
#7bec31 rgb(123,236,49)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#a231ec
```
#a231ec rgb(162,49,236)
```
#ec317b
```
#ec317b rgb(236,49,123)
```

Tetradic Color

#12bf7a
```
#12bf7a rgb(18,191,122)
```
#14d689
```
#14d689 rgb(20,214,137)
```
#1aea97
```
#1aea97 rgb(26,234,151)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#48eead
```
#48eead rgb(72,238,173)
```
#60f0b7
```
#60f0b7 rgb(96,240,183)
```
#77f2c2
```
#77f2c2 rgb(119,242,194)
```

Monochromatic Color

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

#31ec73
```
#31ec73 rgb(49,236,115)
```
#31ec83
```
#31ec83 rgb(49,236,131)
```
#31ec92
```
#31ec92 rgb(49,236,146)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#31ecb2
```
#31ecb2 rgb(49,236,178)
```
#31ecc1
```
#31ecc1 rgb(49,236,193)
```
#31ecd1
```
#31ecd1 rgb(49,236,209)
```

Similar Colors

Text with hexadecimal color #31eca2

This text has a font color of #31eca2.

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

#31eca2 background color

This paragraph has a background color of #31eca2.

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

#31eca2 border color

This element has a border color of #31eca2.

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

CSS codes

.text {color:#31eca2;}

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

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

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)
```
#031b12
```
#031b12 rgb(3,27,18)
```
#042d1d
```
#042d1d rgb(4,45,29)
```
#063f29
```
#063f29 rgb(6,63,41)
```
#085134
```
#085134 rgb(8,81,52)
```
#096340
```
#096340 rgb(9,99,64)
```
#0b754b
```
#0b754b rgb(11,117,75)
```
#0c8757
```
#0c8757 rgb(12,135,87)
```
#0e9962
```
#0e9962 rgb(14,153,98)
```
#10ab6e
```
#10ab6e rgb(16,171,110)
```
#11bd79
```
#11bd79 rgb(17,189,121)
```
#13cf85
```
#13cf85 rgb(19,207,133)
```
#15e190
```
#15e190 rgb(21,225,144)
```

Shade Color Variation

#1fea9a
```
#1fea9a rgb(31,234,154)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#43eeaa
```
#43eeaa rgb(67,238,170)
```
#55efb2
```
#55efb2 rgb(85,239,178)
```
#67f1ba
```
#67f1ba rgb(103,241,186)
```
#79f3c2
```
#79f3c2 rgb(121,243,194)
```
#8bf4cb
```
#8bf4cb rgb(139,244,203)
```
#9df6d3
```
#9df6d3 rgb(157,246,211)
```
#aff8db
```
#aff8db rgb(175,248,219)
```
#c1f9e3
```
#c1f9e3 rgb(193,249,227)
```
#d3fbeb
```
#d3fbeb rgb(211,251,235)
```
#e5fdf3
```
#e5fdf3 rgb(229,253,243)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#889590
```
#889590 rgb(136,149,144)
```
#7f9e92
```
#7f9e92 rgb(127,158,146)
```
#76a794
```
#76a794 rgb(118,167,148)
```
#6eaf95
```
#6eaf95 rgb(110,175,149)
```
#65b897
```
#65b897 rgb(101,184,151)
```
#5cc199
```
#5cc199 rgb(92,193,153)
```
#54c99b
```
#54c99b rgb(84,201,155)
```
#4bd29d
```
#4bd29d rgb(75,210,157)
```
#42db9e
```
#42db9e rgb(66,219,158)
```
#3ae3a0
```
#3ae3a0 rgb(58,227,160)
```
#31eca2
```
#31eca2 rgb(49,236,162)
```
#28f5a4
```
#28f5a4 rgb(40,245,164)
```
#20fda6
```
#20fda6 rgb(32,253,166)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d29b Protanopia 1% of men
#f1cbb2 Deuteranopia 1% of men
#6be3f3 Tritanopia 0.001% of the population

Trichromacy

#a1db9e Protanomaly 1% of men, 0.01% of women
#abd7ac Deuteranomaly 6% of men, 0.4% of women
#55e6d5 Tritanomaly 0.01% of the population

#31eca2 hex color

#31eca2 Color Information

#31eca2 Color Conversion

Color Schemes with #31eca2

Alternatives to #31eca2

#31eca2 Preview

Shades and Tints of #31eca2

Tones of #31eca2

Color Blindness Simulator