#31e060 hex color

In a RGB color space, hex #31e060 is composed of 19.2% red, 87.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 57.1% yellow and 12.2% black. It has a hue angle of 136.1 degrees, a saturation of 73.8% and a lightness of 53.5%. #31e060 color hex could be obtained by blending #62ffc0 with #00c100. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 88
- B 38
RGB color chart
- C 78
- M 0
- Y 57
- K 12
CMYK color chart

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

The hexadecimal color #31e060 has RGB values of R:49, G:224, B:96 and CMYK values of C:0.78, M:0, Y:0.57, K:0.12. Its decimal value is 3268704.

Hex triplet	31e060	`#31e060`
RGB Decimal	49, 224, 96	`rgb(49,224,96)`
RGB Percent	19.2, 87.8, 37.6	`rgb(19.2%,87.8%,37.6%)`
CMYK	78, 0, 57, 12
HSL	136.1°, 73.8, 53.5	`hsl(136.1,73.8%,53.5%)`
HSV (or HSB)	136.1°, 78.1, 87.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	78.929, -68.625, 49.865
XYZ	30.032, 54.806, 20.061
xyY	0.286, 0.522, 54.806
CIE-LCH	78.929, 84.829, 143.997
CIE-LUV	78.929, -67.891, 74.217
Hunter-Lab	74.031, -57.143, 35.755
Binary	00110001, 11100000, 01100000

#31e060
```
#31e060 rgb(49,224,96)
```
#e031b1
```
#e031b1 rgb(224,49,177)
```

Complementary Color

#5ae031
```
#5ae031 rgb(90,224,49)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#31e0b8
```
#31e0b8 rgb(49,224,184)
```

Analogous Color

#e0315a
```
#e0315a rgb(224,49,90)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#b831e0
```
#b831e0 rgb(184,49,224)
```

Split Complementary Color

#e06031
```
#e06031 rgb(224,96,49)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#6031e0
```
#6031e0 rgb(96,49,224)
```

Triadic Color

#b1e031
```
#b1e031 rgb(177,224,49)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#6031e0
```
#6031e0 rgb(96,49,224)
```
#e031b1
```
#e031b1 rgb(224,49,177)
```

Tetradic Color

#1aab41
```
#1aab41 rgb(26,171,65)
```
#1dc149
```
#1dc149 rgb(29,193,73)
```
#20d751
```
#20d751 rgb(32,215,81)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#47e371
```
#47e371 rgb(71,227,113)
```
#5de782
```
#5de782 rgb(93,231,130)
```
#73ea93
```
#73ea93 rgb(115,234,147)
```

Monochromatic Color

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

#31e034
```
#31e034 rgb(49,224,52)
```
#31e043
```
#31e043 rgb(49,224,67)
```
#31e051
```
#31e051 rgb(49,224,81)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#31e06f
```
#31e06f rgb(49,224,111)
```
#31e07d
```
#31e07d rgb(49,224,125)
```
#31e08c
```
#31e08c rgb(49,224,140)
```

Similar Colors

Text with hexadecimal color #31e060

This text has a font color of #31e060.

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

#31e060 background color

This paragraph has a background color of #31e060.

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

#31e060 border color

This element has a border color of #31e060.

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

CSS codes

.text {color:#31e060;}

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

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

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, #021006 is the darkest color, while #fefffe is the lightest one.

#021006
```
#021006 rgb(2,16,6)
```
#05210c
```
#05210c rgb(5,33,12)
```
#073213
```
#073213 rgb(7,50,19)
```
#0a4319
```
#0a4319 rgb(10,67,25)
```
#0d5420
```
#0d5420 rgb(13,84,32)
```
#0f6526
```
#0f6526 rgb(15,101,38)
```
#12762d
```
#12762d rgb(18,118,45)
```
#148733
```
#148733 rgb(20,135,51)
```
#17983a
```
#17983a rgb(23,152,58)
```
#19a940
```
#19a940 rgb(25,169,64)
```
#1cba46
```
#1cba46 rgb(28,186,70)
```
#1fcb4d
```
#1fcb4d rgb(31,203,77)
```
#21dc53
```
#21dc53 rgb(33,220,83)
```

Shade Color Variation

#31e060
```
#31e060 rgb(49,224,96)
```
#42e36d
```
#42e36d rgb(66,227,109)
```
#53e57a
```
#53e57a rgb(83,229,122)
```
#64e887
```
#64e887 rgb(100,232,135)
```
#75ea95
```
#75ea95 rgb(117,234,149)
```
#86eda2
```
#86eda2 rgb(134,237,162)
```
#97efaf
```
#97efaf rgb(151,239,175)
```
#a8f2bc
```
#a8f2bc rgb(168,242,188)
```
#b9f5c9
```
#b9f5c9 rgb(185,245,201)
```
#caf7d6
```
#caf7d6 rgb(202,247,214)
```
#dbfae4
```
#dbfae4 rgb(219,250,228)
```
#edfcf1
```
#edfcf1 rgb(237,252,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838e86 is the less saturated color, while #16fb53 is the most saturated one.

#838e86
```
#838e86 rgb(131,142,134)
```
#7a9782
```
#7a9782 rgb(122,151,130)
```
#71a07e
```
#71a07e rgb(113,160,126)
```
#68a979
```
#68a979 rgb(104,169,121)
```
#5fb275
```
#5fb275 rgb(95,178,117)
```
#55bc71
```
#55bc71 rgb(85,188,113)
```
#4cc56d
```
#4cc56d rgb(76,197,109)
```
#43ce68
```
#43ce68 rgb(67,206,104)
```
#3ad764
```
#3ad764 rgb(58,215,100)
```
#31e060
```
#31e060 rgb(49,224,96)
```
#28e95c
```
#28e95c rgb(40,233,92)
```
#1ff258
```
#1ff258 rgb(31,242,88)
```
#16fb53
```
#16fb53 rgb(22,251,83)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#87aa91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc65f Protanopia 1% of men
#f0bd75 Deuteranopia 1% of men
#71d4e4 Tritanopia 0.001% of the population

Trichromacy

#9dcf5f Protanomaly 1% of men, 0.01% of women
#aaca6d Deuteranomaly 6% of men, 0.4% of women
#5ad8b4 Tritanomaly 0.01% of the population

#31e060 hex color

#31e060 Color Information

#31e060 Color Conversion

Color Schemes with #31e060

Alternatives to #31e060

#31e060 Preview

Shades and Tints of #31e060

Tones of #31e060

Color Blindness Simulator