#31dd8c hex color

In a RGB color space, hex #31dd8c is composed of 19.2% red, 86.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 36.7% yellow and 13.3% black. It has a hue angle of 151.7 degrees, a saturation of 71.7% and a lightness of 52.9%. #31dd8c color hex could be obtained by blending #62ffff with #00bb19. 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

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

The hexadecimal color #31dd8c has RGB values of R:49, G:221, B:140 and CMYK values of C:0.78, M:0, Y:0.37, K:0.13. Its decimal value is 3267980.

Hex triplet	31dd8c	`#31dd8c`
RGB Decimal	49, 221, 140	`rgb(49,221,140)`
RGB Percent	19.2, 86.7, 54.9	`rgb(19.2%,86.7%,54.9%)`
CMYK	78, 0, 37, 13
HSL	151.7°, 71.7, 52.9	`hsl(151.7,71.7%,52.9%)`
HSV (or HSB)	151.7°, 77.8, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.611, -60.498, 27.966
XYZ	31.854, 54.256, 33.603
xyY	0.266, 0.453, 54.256
CIE-LCH	78.611, 66.649, 155.191
CIE-LUV	78.611, -64.608, 48.61
Hunter-Lab	73.659, -51.709, 24.513
Binary	00110001, 11011101, 10001100

#31dd8c
```
#31dd8c rgb(49,221,140)
```
#dd3182
```
#dd3182 rgb(221,49,130)
```

Complementary Color

#31dd36
```
#31dd36 rgb(49,221,54)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#31d8dd
```
#31d8dd rgb(49,216,221)
```

Analogous Color

#dd3631
```
#dd3631 rgb(221,54,49)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#dd31d8
```
#dd31d8 rgb(221,49,216)
```

Split Complementary Color

#dd8c31
```
#dd8c31 rgb(221,140,49)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#8c31dd
```
#8c31dd rgb(140,49,221)
```

Triadic Color

#82dd31
```
#82dd31 rgb(130,221,49)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#8c31dd
```
#8c31dd rgb(140,49,221)
```
#dd3182
```
#dd3182 rgb(221,49,130)
```

Tetradic Color

#1ba665
```
#1ba665 rgb(27,166,101)
```
#1fbc72
```
#1fbc72 rgb(31,188,114)
```
#23d27f
```
#23d27f rgb(35,210,127)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#47e198
```
#47e198 rgb(71,225,152)
```
#5de4a4
```
#5de4a4 rgb(93,228,164)
```
#73e8b1
```
#73e8b1 rgb(115,232,177)
```

Monochromatic Color

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

#31dd61
```
#31dd61 rgb(49,221,97)
```
#31dd6f
```
#31dd6f rgb(49,221,111)
```
#31dd7e
```
#31dd7e rgb(49,221,126)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#31dd9a
```
#31dd9a rgb(49,221,154)
```
#31dda9
```
#31dda9 rgb(49,221,169)
```
#31ddb7
```
#31ddb7 rgb(49,221,183)
```

Similar Colors

Text with hexadecimal color #31dd8c

This text has a font color of #31dd8c.

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

#31dd8c background color

This paragraph has a background color of #31dd8c.

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

#31dd8c border color

This element has a border color of #31dd8c.

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

CSS codes

.text {color:#31dd8c;}

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

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

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)
```
#0a3f26
```
#0a3f26 rgb(10,63,38)
```
#0d5031
```
#0d5031 rgb(13,80,49)
```
#10613b
```
#10613b rgb(16,97,59)
```
#137245
```
#137245 rgb(19,114,69)
```
#16834f
```
#16834f rgb(22,131,79)
```
#18945a
```
#18945a rgb(24,148,90)
```
#1ba464
```
#1ba464 rgb(27,164,100)
```
#1eb56e
```
#1eb56e rgb(30,181,110)
```
#21c678
```
#21c678 rgb(33,198,120)
```
#23d782
```
#23d782 rgb(35,215,130)
```

Shade Color Variation

#31dd8c
```
#31dd8c rgb(49,221,140)
```
#42e095
```
#42e095 rgb(66,224,149)
```
#53e39f
```
#53e39f rgb(83,227,159)
```
#64e5a8
```
#64e5a8 rgb(100,229,168)
```
#74e8b2
```
#74e8b2 rgb(116,232,178)
```
#85ebbb
```
#85ebbb rgb(133,235,187)
```
#96eec4
```
#96eec4 rgb(150,238,196)
```
#a7f0ce
```
#a7f0ce rgb(167,240,206)
```
#b8f3d7
```
#b8f3d7 rgb(184,243,215)
```
#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 #15f98e 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)
```
#5faf89
```
#5faf89 rgb(95,175,137)
```
#56b88a
```
#56b88a rgb(86,184,138)
```
#4dc18a
```
#4dc18a rgb(77,193,138)
```
#43cb8b
```
#43cb8b rgb(67,203,139)
```
#3ad48b
```
#3ad48b rgb(58,212,139)
```
#31dd8c
```
#31dd8c rgb(49,221,140)
```
#28e68d
```
#28e68d rgb(40,230,141)
```
#1fef8d
```
#1fef8d rgb(31,239,141)
```
#15f98e
```
#15f98e rgb(21,249,142)
```

Tone Color Variation

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

#d5c587 Protanopia 1% of men
#e5be9d Deuteranopia 1% of men
#69d4e4 Tritanopia 0.001% of the population

Trichromacy

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

#31dd8c hex color

#31dd8c Color Information

#31dd8c Color Conversion

Color Schemes with #31dd8c

Alternatives to #31dd8c

#31dd8c Preview

Shades and Tints of #31dd8c

Tones of #31dd8c

Color Blindness Simulator