#31df85 hex color

In a RGB color space, hex #31df85 is composed of 19.2% red, 87.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 0% magenta, 40.4% yellow and 12.5% black. It has a hue angle of 149 degrees, a saturation of 73.1% and a lightness of 53.3%. #31df85 color hex could be obtained by blending #62ffff with #00bf0b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 87
- B 52
RGB color chart
- C 78
- M 0
- Y 40
- K 13
CMYK color chart

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

The hexadecimal color #31df85 has RGB values of R:49, G:223, B:133 and CMYK values of C:0.78, M:0, Y:0.4, K:0.13. Its decimal value is 3268485.

Hex triplet	31df85	`#31df85`
RGB Decimal	49, 223, 133	`rgb(49,223,133)`
RGB Percent	19.2, 87.5, 52.2	`rgb(19.2%,87.5%,52.2%)`
CMYK	78, 0, 40, 13
HSL	149°, 73.1, 53.3	`hsl(149,73.1%,53.3%)`
HSV (or HSB)	149°, 78, 87.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.109, -62.534, 32.201
XYZ	31.886, 55.119, 31.147
xyY	0.27, 0.467, 55.119
CIE-LCH	79.109, 70.338, 152.754
CIE-LUV	79.109, -65.697, 54.182
Hunter-Lab	74.242, -53.26, 27.095
Binary	00110001, 11011111, 10000101

#31df85
```
#31df85 rgb(49,223,133)
```
#df318b
```
#df318b rgb(223,49,139)
```

Complementary Color

#34df31
```
#34df31 rgb(52,223,49)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#31dfdc
```
#31dfdc rgb(49,223,220)
```

Analogous Color

#df3134
```
#df3134 rgb(223,49,52)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#dc31df
```
#dc31df rgb(220,49,223)
```

Split Complementary Color

#df8531
```
#df8531 rgb(223,133,49)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#8531df
```
#8531df rgb(133,49,223)
```

Triadic Color

#8bdf31
```
#8bdf31 rgb(139,223,49)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#8531df
```
#8531df rgb(133,49,223)
```
#df318b
```
#df318b rgb(223,49,139)
```

Tetradic Color

#1aa95f
```
#1aa95f rgb(26,169,95)
```
#1ebf6c
```
#1ebf6c rgb(30,191,108)
```
#21d578
```
#21d578 rgb(33,213,120)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#47e292
```
#47e292 rgb(71,226,146)
```
#5de69f
```
#5de69f rgb(93,230,159)
```
#73e9ac
```
#73e9ac rgb(115,233,172)
```

Monochromatic Color

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

#31df59
```
#31df59 rgb(49,223,89)
```
#31df68
```
#31df68 rgb(49,223,104)
```
#31df77
```
#31df77 rgb(49,223,119)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#31df94
```
#31df94 rgb(49,223,148)
```
#31dfa2
```
#31dfa2 rgb(49,223,162)
```
#31dfb1
```
#31dfb1 rgb(49,223,177)
```

Similar Colors

Text with hexadecimal color #31df85

This text has a font color of #31df85.

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

#31df85 background color

This paragraph has a background color of #31df85.

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

#31df85 border color

This element has a border color of #31df85.

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

CSS codes

.text {color:#31df85;}

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

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

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, #020f08 is the darkest color, while #fdfffe is the lightest one.

#020f08
```
#020f08 rgb(2,15,8)
```
#052012
```
#052012 rgb(5,32,18)
```
#08311b
```
#08311b rgb(8,49,27)
```
#0a4225
```
#0a4225 rgb(10,66,37)
```
#0d532f
```
#0d532f rgb(13,83,47)
```
#0f6438
```
#0f6438 rgb(15,100,56)
```
#127542
```
#127542 rgb(18,117,66)
```
#15864b
```
#15864b rgb(21,134,75)
```
#179755
```
#179755 rgb(23,151,85)
```
#1aa85e
```
#1aa85e rgb(26,168,94)
```
#1db868
```
#1db868 rgb(29,184,104)
```
#1fc971
```
#1fc971 rgb(31,201,113)
```
#22da7b
```
#22da7b rgb(34,218,123)
```

Shade Color Variation

#31df85
```
#31df85 rgb(49,223,133)
```
#42e28f
```
#42e28f rgb(66,226,143)
```
#53e499
```
#53e499 rgb(83,228,153)
```
#64e7a3
```
#64e7a3 rgb(100,231,163)
```
#75eaad
```
#75eaad rgb(117,234,173)
```
#86ecb7
```
#86ecb7 rgb(134,236,183)
```
#97efc1
```
#97efc1 rgb(151,239,193)
```
#a8f1cb
```
#a8f1cb rgb(168,241,203)
```
#b9f4d5
```
#b9f4d5 rgb(185,244,213)
```
#caf7df
```
#caf7df rgb(202,247,223)
```
#dbf9ea
```
#dbf9ea rgb(219,249,234)
```
#ecfcf4
```
#ecfcf4 rgb(236,252,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#838d88
```
#838d88 rgb(131,141,136)
```
#7a9688
```
#7a9688 rgb(122,150,136)
```
#719f87
```
#719f87 rgb(113,159,135)
```
#68a887
```
#68a887 rgb(104,168,135)
```
#5fb187
```
#5fb187 rgb(95,177,135)
```
#56ba86
```
#56ba86 rgb(86,186,134)
```
#4cc486
```
#4cc486 rgb(76,196,134)
```
#43cd86
```
#43cd86 rgb(67,205,134)
```
#3ad685
```
#3ad685 rgb(58,214,133)
```
#31df85
```
#31df85 rgb(49,223,133)
```
#28e885
```
#28e885 rgb(40,232,133)
```
#1ff184
```
#1ff184 rgb(31,241,132)
```
#16fa84
```
#16fa84 rgb(22,250,132)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8bad9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c681 Protanopia 1% of men
#e9bf96 Deuteranopia 1% of men
#6bd5e5 Tritanopia 0.001% of the population

Trichromacy

#9bcf82 Protanomaly 1% of men, 0.01% of women
#a6ca90 Deuteranomaly 6% of men, 0.4% of women
#56d9c2 Tritanomaly 0.01% of the population

#31df85 hex color

#31df85 Color Information

#31df85 Color Conversion

Color Schemes with #31df85

Alternatives to #31df85

#31df85 Preview

Shades and Tints of #31df85

Tones of #31df85

Color Blindness Simulator