#31de8b hex color

In a RGB color space, hex #31de8b is composed of 19.2% red, 87.1% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 0% magenta, 37.4% yellow and 12.9% black. It has a hue angle of 151.2 degrees, a saturation of 72.4% and a lightness of 53.1%. #31de8b color hex could be obtained by blending #62ffff with #00bd17. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #31de8b has RGB values of R:49, G:222, B:139 and CMYK values of C:0.78, M:0, Y:0.37, K:0.13. Its decimal value is 3268235.

Hex triplet	31de8b	`#31de8b`
RGB Decimal	49, 222, 139	`rgb(49,222,139)`
RGB Percent	19.2, 87.1, 54.5	`rgb(19.2%,87.1%,54.5%)`
CMYK	78, 0, 37, 13
HSL	151.2°, 72.4, 53.1	`hsl(151.2,72.4%,53.1%)`
HSV (or HSB)	151.2°, 77.9, 87.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.901, -61.054, 28.867
XYZ	32.046, 54.756, 33.305
xyY	0.267, 0.456, 54.756
CIE-LCH	78.901, 67.534, 154.695
CIE-LUV	78.901, -65.008, 49.859
Hunter-Lab	73.998, -52.194, 25.113
Binary	00110001, 11011110, 10001011

#31de8b
```
#31de8b rgb(49,222,139)
```
#de3184
```
#de3184 rgb(222,49,132)
```

Complementary Color

#31de34
```
#31de34 rgb(49,222,52)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#31dbde
```
#31dbde rgb(49,219,222)
```

Analogous Color

#de3431
```
#de3431 rgb(222,52,49)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#de31db
```
#de31db rgb(222,49,219)
```

Split Complementary Color

#de8b31
```
#de8b31 rgb(222,139,49)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#8b31de
```
#8b31de rgb(139,49,222)
```

Triadic Color

#84de31
```
#84de31 rgb(132,222,49)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#8b31de
```
#8b31de rgb(139,49,222)
```
#de3184
```
#de3184 rgb(222,49,132)
```

Tetradic Color

#1ba864
```
#1ba864 rgb(27,168,100)
```
#1ebe71
```
#1ebe71 rgb(30,190,113)
```
#22d47e
```
#22d47e rgb(34,212,126)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#47e297
```
#47e297 rgb(71,226,151)
```
#5de5a4
```
#5de5a4 rgb(93,229,164)
```
#73e9b0
```
#73e9b0 rgb(115,233,176)
```

Monochromatic Color

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

#31de60
```
#31de60 rgb(49,222,96)
```
#31de6e
```
#31de6e rgb(49,222,110)
```
#31de7d
```
#31de7d rgb(49,222,125)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#31de99
```
#31de99 rgb(49,222,153)
```
#31dea8
```
#31dea8 rgb(49,222,168)
```
#31deb6
```
#31deb6 rgb(49,222,182)
```

Similar Colors

Text with hexadecimal color #31de8b

This text has a font color of #31de8b.

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

#31de8b background color

This paragraph has a background color of #31de8b.

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

#31de8b border color

This element has a border color of #31de8b.

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

CSS codes

.text {color:#31de8b;}

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

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

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

#020e08
```
#020e08 rgb(2,14,8)
```
#051f12
```
#051f12 rgb(5,31,18)
```
#08301c
```
#08301c rgb(8,48,28)
```
#0a4127
```
#0a4127 rgb(10,65,39)
```
#0d5131
```
#0d5131 rgb(13,81,49)
```
#10623b
```
#10623b rgb(16,98,59)
```
#127345
```
#127345 rgb(18,115,69)
```
#15844f
```
#15844f rgb(21,132,79)
```
#189559
```
#189559 rgb(24,149,89)
```
#1ba663
```
#1ba663 rgb(27,166,99)
```
#1db76d
```
#1db76d rgb(29,183,109)
```
#20c877
```
#20c877 rgb(32,200,119)
```
#23d981
```
#23d981 rgb(35,217,129)
```

Shade Color Variation

#31de8b
```
#31de8b rgb(49,222,139)
```
#42e195
```
#42e195 rgb(66,225,149)
```
#53e39e
```
#53e39e rgb(83,227,158)
```
#64e6a8
```
#64e6a8 rgb(100,230,168)
```
#75e9b1
```
#75e9b1 rgb(117,233,177)
```
#86ecbb
```
#86ecbb rgb(134,236,187)
```
#96eec4
```
#96eec4 rgb(150,238,196)
```
#a7f1ce
```
#a7f1ce rgb(167,241,206)
```
#b8f4d7
```
#b8f4d7 rgb(184,244,215)
```
#c9f6e1
```
#c9f6e1 rgb(201,246,225)
```
#daf9ea
```
#daf9ea rgb(218,249,234)
```
#ebfcf4
```
#ebfcf4 rgb(235,252,244)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b88 is the less saturated color, while #15fa8c is the most saturated one.

#848b88
```
#848b88 rgb(132,139,136)
```
#7b9488
```
#7b9488 rgb(123,148,136)
```
#719e88
```
#719e88 rgb(113,158,136)
```
#68a789
```
#68a789 rgb(104,167,137)
```
#5fb089
```
#5fb089 rgb(95,176,137)
```
#56b98a
```
#56b98a rgb(86,185,138)
```
#4dc28a
```
#4dc28a rgb(77,194,138)
```
#43cc8a
```
#43cc8a rgb(67,204,138)
```
#3ad58b
```
#3ad58b rgb(58,213,139)
```
#31de8b
```
#31de8b rgb(49,222,139)
```
#28e78b
```
#28e78b rgb(40,231,139)
```
#1ff08c
```
#1ff08c rgb(31,240,140)
```
#15fa8c
```
#15fa8c rgb(21,250,140)
```

Tone Color Variation

Below, you can see how #31de8b 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
#8bad9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c687 Protanopia 1% of men
#e7be9c Deuteranopia 1% of men
#69d5e4 Tritanopia 0.001% of the population

Trichromacy

#9ace88 Protanomaly 1% of men, 0.01% of women
#a4ca96 Deuteranomaly 6% of men, 0.4% of women
#55d8c4 Tritanomaly 0.01% of the population

#31de8b hex color

#31de8b Color Information

#31de8b Color Conversion

Color Schemes with #31de8b

Alternatives to #31de8b

#31de8b Preview

Shades and Tints of #31de8b

Tones of #31de8b

Color Blindness Simulator