#31dd8d hex color

In a RGB color space, hex #31dd8d is composed of 19.2% red, 86.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 36.2% yellow and 13.3% black. It has a hue angle of 152.1 degrees, a saturation of 71.7% and a lightness of 52.9%. #31dd8d color hex could be obtained by blending #62ffff with #00bb1b. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #31dd8d has RGB values of R:49, G:221, B:141 and CMYK values of C:0.78, M:0, Y:0.36, K:0.13. Its decimal value is 3267981.

Hex triplet	31dd8d	`#31dd8d`
RGB Decimal	49, 221, 141	`rgb(49,221,141)`
RGB Percent	19.2, 86.7, 55.3	`rgb(19.2%,86.7%,55.3%)`
CMYK	78, 0, 36, 13
HSL	152.1°, 71.7, 52.9	`hsl(152.1,71.7%,52.9%)`
HSV (or HSB)	152.1°, 77.8, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.628, -60.304, 27.474
XYZ	31.928, 54.286, 33.993
xyY	0.266, 0.452, 54.286
CIE-LCH	78.628, 66.267, 155.506
CIE-LUV	78.628, -64.548, 47.969
Hunter-Lab	73.679, -51.586, 24.22
Binary	00110001, 11011101, 10001101

#31dd8d
```
#31dd8d rgb(49,221,141)
```
#dd3181
```
#dd3181 rgb(221,49,129)
```

Complementary Color

#31dd37
```
#31dd37 rgb(49,221,55)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#31d7dd
```
#31d7dd rgb(49,215,221)
```

Analogous Color

#dd3731
```
#dd3731 rgb(221,55,49)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#dd31d7
```
#dd31d7 rgb(221,49,215)
```

Split Complementary Color

#dd8d31
```
#dd8d31 rgb(221,141,49)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#8d31dd
```
#8d31dd rgb(141,49,221)
```

Triadic Color

#81dd31
```
#81dd31 rgb(129,221,49)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#8d31dd
```
#8d31dd rgb(141,49,221)
```
#dd3181
```
#dd3181 rgb(221,49,129)
```

Tetradic Color

#1ba666
```
#1ba666 rgb(27,166,102)
```
#1fbc73
```
#1fbc73 rgb(31,188,115)
```
#23d280
```
#23d280 rgb(35,210,128)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#47e199
```
#47e199 rgb(71,225,153)
```
#5de4a5
```
#5de4a5 rgb(93,228,165)
```
#73e8b1
```
#73e8b1 rgb(115,232,177)
```

Monochromatic Color

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

#31dd62
```
#31dd62 rgb(49,221,98)
```
#31dd70
```
#31dd70 rgb(49,221,112)
```
#31dd7f
```
#31dd7f rgb(49,221,127)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#31dd9b
```
#31dd9b rgb(49,221,155)
```
#31ddaa
```
#31ddaa rgb(49,221,170)
```
#31ddb8
```
#31ddb8 rgb(49,221,184)
```

Similar Colors

Text with hexadecimal color #31dd8d

This text has a font color of #31dd8d.

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

#31dd8d background color

This paragraph has a background color of #31dd8d.

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

#31dd8d border color

This element has a border color of #31dd8d.

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

CSS codes

.text {color:#31dd8d;}

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

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

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

#020d08
```
#020d08 rgb(2,13,8)
```
#051e12
```
#051e12 rgb(5,30,18)
```
#082f1c
```
#082f1c rgb(8,47,28)
```
#0a3f27
```
#0a3f27 rgb(10,63,39)
```
#0d5031
```
#0d5031 rgb(13,80,49)
```
#10613b
```
#10613b rgb(16,97,59)
```
#137246
```
#137246 rgb(19,114,70)
```
#168350
```
#168350 rgb(22,131,80)
```
#18945a
```
#18945a rgb(24,148,90)
```
#1ba465
```
#1ba465 rgb(27,164,101)
```
#1eb56f
```
#1eb56f rgb(30,181,111)
```
#21c679
```
#21c679 rgb(33,198,121)
```
#23d783
```
#23d783 rgb(35,215,131)
```

Shade Color Variation

#31dd8d
```
#31dd8d rgb(49,221,141)
```
#42e096
```
#42e096 rgb(66,224,150)
```
#53e3a0
```
#53e3a0 rgb(83,227,160)
```
#64e5a9
```
#64e5a9 rgb(100,229,169)
```
#74e8b2
```
#74e8b2 rgb(116,232,178)
```
#85ebbc
```
#85ebbc rgb(133,235,188)
```
#96eec5
```
#96eec5 rgb(150,238,197)
```
#a7f0ce
```
#a7f0ce rgb(167,240,206)
```
#b8f3d8
```
#b8f3d8 rgb(184,243,216)
```
#c9f6e1
```
#c9f6e1 rgb(201,246,225)
```
#d9f9ea
```
#d9f9ea rgb(217,249,234)
```
#eafcf3
```
#eafcf3 rgb(234,252,243)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#848a87
```
#848a87 rgb(132,138,135)
```
#7b9388
```
#7b9388 rgb(123,147,136)
```
#729c88
```
#729c88 rgb(114,156,136)
```
#68a689
```
#68a689 rgb(104,166,137)
```
#5faf8a
```
#5faf8a rgb(95,175,138)
```
#56b88a
```
#56b88a rgb(86,184,138)
```
#4dc18b
```
#4dc18b rgb(77,193,139)
```
#43cb8c
```
#43cb8c rgb(67,203,140)
```
#3ad48c
```
#3ad48c rgb(58,212,140)
```
#31dd8d
```
#31dd8d rgb(49,221,141)
```
#28e68e
```
#28e68e rgb(40,230,142)
```
#1fef8e
```
#1fef8e rgb(31,239,142)
```
#15f98f
```
#15f98f rgb(21,249,143)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8aac9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c588 Protanopia 1% of men
#e5be9e Deuteranopia 1% of men
#68d4e4 Tritanopia 0.001% of the population

Trichromacy

#99ce8a Protanomaly 1% of men, 0.01% of women
#a3c997 Deuteranomaly 6% of men, 0.4% of women
#54d7c4 Tritanomaly 0.01% of the population

#31dd8d hex color

#31dd8d Color Information

#31dd8d Color Conversion

Color Schemes with #31dd8d

Alternatives to #31dd8d

#31dd8d Preview

Shades and Tints of #31dd8d

Tones of #31dd8d

Color Blindness Simulator