colorhexa.com

#31ef76 hex color

In a RGB color space, hex #31ef76 is composed of 19.2% red, 93.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 50.6% yellow and 6.3% black. It has a hue angle of 141.8 degrees, a saturation of 85.6% and a lightness of 56.5%. #31ef76 color hex could be obtained by blending #62ffec with #00df00. Closest websafe color is: #33ff66.

- R 19
- G 94
- B 46
RGB color chart
- C 79
- M 0
- Y 51
- K 6
CMYK color chart

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

The hexadecimal color #31ef76 has RGB values of R:49, G:239, B:118 and CMYK values of C:0.79, M:0, Y:0.51, K:0.06. Its decimal value is 3272566.

Hex triplet	31ef76	`#31ef76`
RGB Decimal	49, 239, 118	`rgb(49,239,118)`
RGB Percent	19.2, 93.7, 46.3	`rgb(19.2%,93.7%,46.3%)`
CMYK	79, 0, 51, 6
HSL	141.8°, 85.6, 56.5	`hsl(141.8,85.6%,56.5%)`
HSV (or HSB)	141.8°, 79.5, 93.7
Web Safe	33ff66	`#33ff66`

CIE-LAB	83.804, -70.446, 45.553
XYZ	35.401, 63.69, 27.566
xyY	0.28, 0.503, 63.69
CIE-LCH	83.804, 83.891, 147.112
CIE-LUV	83.804, -71.824, 71.526
Hunter-Lab	79.806, -60.481, 35.385
Binary	00110001, 11101111, 01110110

#31ef76
```
#31ef76 rgb(49,239,118)
```
#ef31aa
```
#ef31aa rgb(239,49,170)
```

Complementary Color

#4bef31
```
#4bef31 rgb(75,239,49)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```

Analogous Color

#ef314b
```
#ef314b rgb(239,49,75)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#d531ef
```
#d531ef rgb(213,49,239)
```

Split Complementary Color

#ef7631
```
#ef7631 rgb(239,118,49)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#7631ef
```
#7631ef rgb(118,49,239)
```

Triadic Color

#aaef31
```
#aaef31 rgb(170,239,49)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#7631ef
```
#7631ef rgb(118,49,239)
```
#ef31aa
```
#ef31aa rgb(239,49,170)
```

Tetradic Color

#0fc451
```
#0fc451 rgb(15,196,81)
```
#11dc5b
```
#11dc5b rgb(17,220,91)
```
#19ed66
```
#19ed66 rgb(25,237,102)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#49f186
```
#49f186 rgb(73,241,134)
```
#60f395
```
#60f395 rgb(96,243,149)
```
#78f5a5
```
#78f5a5 rgb(120,245,165)
```

Monochromatic Color

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

#31ef47
```
#31ef47 rgb(49,239,71)
```
#31ef56
```
#31ef56 rgb(49,239,86)
```
#31ef66
```
#31ef66 rgb(49,239,102)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#31ef86
```
#31ef86 rgb(49,239,134)
```
#31ef96
```
#31ef96 rgb(49,239,150)
```
#31efa6
```
#31efa6 rgb(49,239,166)
```

Similar Colors

Text with hexadecimal color #31ef76

This text has a font color of #31ef76.

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

#31ef76 background color

This paragraph has a background color of #31ef76.

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

#31ef76 border color

This element has a border color of #31ef76.

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

CSS codes

.text {color:#31ef76;}

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

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

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

#010c05
```
#010c05 rgb(1,12,5)
```
#021f0d
```
#021f0d rgb(2,31,13)
```
#043114
```
#043114 rgb(4,49,20)
```
#05431c
```
#05431c rgb(5,67,28)
```
#075523
```
#075523 rgb(7,85,35)
```
#08672b
```
#08672b rgb(8,103,43)
```
#097a32
```
#097a32 rgb(9,122,50)
```
#0b8c3a
```
#0b8c3a rgb(11,140,58)
```
#0c9e41
```
#0c9e41 rgb(12,158,65)
```
#0eb049
```
#0eb049 rgb(14,176,73)
```
#0fc250
```
#0fc250 rgb(15,194,80)
```
#11d558
```
#11d558 rgb(17,213,88)
```
#12e75f
```
#12e75f rgb(18,231,95)
```

Shade Color Variation

#1fee6a
```
#1fee6a rgb(31,238,106)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#43f082
```
#43f082 rgb(67,240,130)
```
#55f28e
```
#55f28e rgb(85,242,142)
```
#68f39a
```
#68f39a rgb(104,243,154)
```
#7af5a6
```
#7af5a6 rgb(122,245,166)
```
#8cf6b3
```
#8cf6b3 rgb(140,246,179)
```
#9ef7bf
```
#9ef7bf rgb(158,247,191)
```
#b0f9cb
```
#b0f9cb rgb(176,249,203)
```
#c3fad7
```
#c3fad7 rgb(195,250,215)
```
#d5fce3
```
#d5fce3 rgb(213,252,227)
```
#e7fdef
```
#e7fdef rgb(231,253,239)
```
#f9fffb
```
#f9fffb rgb(249,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9190 is the less saturated color, while #28f874 is the most saturated one.

#8f9190
```
#8f9190 rgb(143,145,144)
```
#869a8d
```
#869a8d rgb(134,154,141)
```
#7ea28b
```
#7ea28b rgb(126,162,139)
```
#75ab89
```
#75ab89 rgb(117,171,137)
```
#6db386
```
#6db386 rgb(109,179,134)
```
#64bc84
```
#64bc84 rgb(100,188,132)
```
#5cc482
```
#5cc482 rgb(92,196,130)
```
#53cd7f
```
#53cd7f rgb(83,205,127)
```
#4bd57d
```
#4bd57d rgb(75,213,125)
```
#42de7b
```
#42de7b rgb(66,222,123)
```
#3ae678
```
#3ae678 rgb(58,230,120)
```
#31ef76
```
#31ef76 rgb(49,239,118)
```
#28f874
```
#28f874 rgb(40,248,116)
```

Tone Color Variation

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

Dichromacy

#e8d373 Protanopia 1% of men
#fcca8a Deuteranopia 1% of men
#75e2f3 Tritanopia 0.001% of the population

Trichromacy

#a5dd74 Protanomaly 1% of men, 0.01% of women
#b2d783 Deuteranomaly 6% of men, 0.4% of women
#5ce7c5 Tritanomaly 0.01% of the population