#31d584 hex color

In a RGB color space, hex #31d584 is composed of 19.2% red, 83.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 38% yellow and 16.5% black. It has a hue angle of 150.4 degrees, a saturation of 66.1% and a lightness of 51.4%. #31d584 color hex could be obtained by blending #62ffff with #00ab09. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 84
- B 52
RGB color chart
- C 77
- M 0
- Y 38
- K 16
CMYK color chart

● #31d584 color description : Strong cyan - lime green.

The hexadecimal color #31d584 has RGB values of R:49, G:213, B:132 and CMYK values of C:0.77, M:0, Y:0.38, K:0.16. Its decimal value is 3265924.

Hex triplet	31d584	`#31d584`
RGB Decimal	49, 213, 132	`rgb(49,213,132)`
RGB Percent	19.2, 83.5, 51.8	`rgb(19.2%,83.5%,51.8%)`
CMYK	77, 0, 38, 16
HSL	150.4°, 66.1, 51.4	`hsl(150.4,66.1%,51.4%)`
HSV (or HSB)	150.4°, 77, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.011, -59.127, 28.612
XYZ	29.224, 49.904, 29.921
xyY	0.268, 0.458, 49.904
CIE-LCH	76.011, 65.686, 154.178
CIE-LUV	76.011, -62.351, 48.787
Hunter-Lab	70.643, -49.784, 24.338
Binary	00110001, 11010101, 10000100

#31d584
```
#31d584 rgb(49,213,132)
```
#d53182
```
#d53182 rgb(213,49,130)
```

Complementary Color

#31d532
```
#31d532 rgb(49,213,50)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#31d4d5
```
#31d4d5 rgb(49,212,213)
```

Analogous Color

#d53231
```
#d53231 rgb(213,50,49)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#d531d4
```
#d531d4 rgb(213,49,212)
```

Split Complementary Color

#d58431
```
#d58431 rgb(213,132,49)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#8431d5
```
#8431d5 rgb(132,49,213)
```

Triadic Color

#82d531
```
#82d531 rgb(130,213,49)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#8431d5
```
#8431d5 rgb(132,49,213)
```
#d53182
```
#d53182 rgb(213,49,130)
```

Tetradic Color

#1f9a5d
```
#1f9a5d rgb(31,154,93)
```
#24af6a
```
#24af6a rgb(36,175,106)
```
#28c477
```
#28c477 rgb(40,196,119)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#46d991
```
#46d991 rgb(70,217,145)
```
#5bde9d
```
#5bde9d rgb(91,222,157)
```
#71e2aa
```
#71e2aa rgb(113,226,170)
```

Monochromatic Color

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

#31d55b
```
#31d55b rgb(49,213,91)
```
#31d569
```
#31d569 rgb(49,213,105)
```
#31d576
```
#31d576 rgb(49,213,118)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#31d592
```
#31d592 rgb(49,213,146)
```
#31d59f
```
#31d59f rgb(49,213,159)
```
#31d5ad
```
#31d5ad rgb(49,213,173)
```

Similar Colors

Text with hexadecimal color #31d584

This text has a font color of #31d584.

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

#31d584 background color

This paragraph has a background color of #31d584.

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

#31d584 border color

This element has a border color of #31d584.

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

CSS codes

.text {color:#31d584;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#05160d
```
#05160d rgb(5,22,13)
```
#082617
```
#082617 rgb(8,38,23)
```
#0b3721
```
#0b3721 rgb(11,55,33)
```
#0e472b
```
#0e472b rgb(14,71,43)
```
#125735
```
#125735 rgb(18,87,53)
```
#15683f
```
#15683f rgb(21,104,63)
```
#187849
```
#187849 rgb(24,120,73)
```
#1c8853
```
#1c8853 rgb(28,136,83)
```
#1f985d
```
#1f985d rgb(31,152,93)
```
#22a966
```
#22a966 rgb(34,169,102)
```
#26b970
```
#26b970 rgb(38,185,112)
```
#29c97a
```
#29c97a rgb(41,201,122)
```

Shade Color Variation

#31d584
```
#31d584 rgb(49,213,132)
```
#41d88e
```
#41d88e rgb(65,216,142)
```
#52dc97
```
#52dc97 rgb(82,220,151)
```
#62dfa1
```
#62dfa1 rgb(98,223,161)
```
#72e2ab
```
#72e2ab rgb(114,226,171)
```
#82e6b5
```
#82e6b5 rgb(130,230,181)
```
#93e9be
```
#93e9be rgb(147,233,190)
```
#a3ecc8
```
#a3ecc8 rgb(163,236,200)
```
#b3f0d2
```
#b3f0d2 rgb(179,240,210)
```
#c4f3dc
```
#c4f3dc rgb(196,243,220)
```
#d4f6e5
```
#d4f6e5 rgb(212,246,229)
```
#e4faef
```
#e4faef rgb(228,250,239)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8983 is the less saturated color, while #0bfb84 is the most saturated one.

#7d8983
```
#7d8983 rgb(125,137,131)
```
#749283
```
#749283 rgb(116,146,131)
```
#6a9c83
```
#6a9c83 rgb(106,156,131)
```
#61a583
```
#61a583 rgb(97,165,131)
```
#57af84
```
#57af84 rgb(87,175,132)
```
#4eb884
```
#4eb884 rgb(78,184,132)
```
#44c284
```
#44c284 rgb(68,194,132)
```
#3bcb84
```
#3bcb84 rgb(59,203,132)
```
#31d584
```
#31d584 rgb(49,213,132)
```
#27df84
```
#27df84 rgb(39,223,132)
```
#1ee884
```
#1ee884 rgb(30,232,132)
```
#14f284
```
#14f284 rgb(20,242,132)
```
#0bfb84
```
#0bfb84 rgb(11,251,132)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86a796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebe80 Protanopia 1% of men
#deb795 Deuteranopia 1% of men
#67cddc Tritanopia 0.001% of the population

Trichromacy

#95c682 Protanomaly 1% of men, 0.01% of women
#9fc28f Deuteranomaly 6% of men, 0.4% of women
#53cfbc Tritanomaly 0.01% of the population

#31d584 hex color

#31d584 Color Information

#31d584 Color Conversion

Color Schemes with #31d584

Alternatives to #31d584

#31d584 Preview

Shades and Tints of #31d584

Tones of #31d584

Color Blindness Simulator