#31d585 hex color

In a RGB color space, hex #31d585 is composed of 19.2% red, 83.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 37.6% yellow and 16.5% black. It has a hue angle of 150.7 degrees, a saturation of 66.1% and a lightness of 51.4%. #31d585 color hex could be obtained by blending #62ffff with #00ab0b. 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

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

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

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

CIE-LAB	76.027, -58.936, 28.118
XYZ	29.292, 49.932, 30.283
xyY	0.267, 0.456, 49.932
CIE-LCH	76.027, 65.3, 154.494
CIE-LUV	76.027, -62.292, 48.156
Hunter-Lab	70.663, -49.664, 24.055
Binary	00110001, 11010101, 10000101

#31d585
```
#31d585 rgb(49,213,133)
```
#d53181
```
#d53181 rgb(213,49,129)
```

Complementary Color

#31d533
```
#31d533 rgb(49,213,51)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#31d3d5
```
#31d3d5 rgb(49,211,213)
```

Analogous Color

#d53331
```
#d53331 rgb(213,51,49)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#d531d3
```
#d531d3 rgb(213,49,211)
```

Split Complementary Color

#d58531
```
#d58531 rgb(213,133,49)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#8531d5
```
#8531d5 rgb(133,49,213)
```

Triadic Color

#81d531
```
#81d531 rgb(129,213,49)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#8531d5
```
#8531d5 rgb(133,49,213)
```
#d53181
```
#d53181 rgb(213,49,129)
```

Tetradic Color

#1f9a5e
```
#1f9a5e rgb(31,154,94)
```
#24af6b
```
#24af6b rgb(36,175,107)
```
#28c478
```
#28c478 rgb(40,196,120)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#46d992
```
#46d992 rgb(70,217,146)
```
#5bde9e
```
#5bde9e rgb(91,222,158)
```
#71e2ab
```
#71e2ab rgb(113,226,171)
```

Monochromatic Color

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

#31d55c
```
#31d55c rgb(49,213,92)
```
#31d56a
```
#31d56a rgb(49,213,106)
```
#31d577
```
#31d577 rgb(49,213,119)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#31d593
```
#31d593 rgb(49,213,147)
```
#31d5a0
```
#31d5a0 rgb(49,213,160)
```
#31d5ae
```
#31d5ae rgb(49,213,174)
```

Similar Colors

Text with hexadecimal color #31d585

This text has a font color of #31d585.

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

#31d585 background color

This paragraph has a background color of #31d585.

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

#31d585 border color

This element has a border color of #31d585.

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

CSS codes

.text {color:#31d585;}

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

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

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)
```
#05160e
```
#05160e rgb(5,22,14)
```
#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)
```
#22a967
```
#22a967 rgb(34,169,103)
```
#26b971
```
#26b971 rgb(38,185,113)
```
#29c97b
```
#29c97b rgb(41,201,123)
```

Shade Color Variation

#31d585
```
#31d585 rgb(49,213,133)
```
#41d88f
```
#41d88f rgb(65,216,143)
```
#52dc98
```
#52dc98 rgb(82,220,152)
```
#62dfa2
```
#62dfa2 rgb(98,223,162)
```
#72e2ac
```
#72e2ac rgb(114,226,172)
```
#82e6b5
```
#82e6b5 rgb(130,230,181)
```
#93e9bf
```
#93e9bf rgb(147,233,191)
```
#a3ecc9
```
#a3ecc9 rgb(163,236,201)
```
#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 #0bfb86 is the most saturated one.

#7d8983
```
#7d8983 rgb(125,137,131)
```
#749283
```
#749283 rgb(116,146,131)
```
#6a9c84
```
#6a9c84 rgb(106,156,132)
```
#61a584
```
#61a584 rgb(97,165,132)
```
#57af84
```
#57af84 rgb(87,175,132)
```
#4eb884
```
#4eb884 rgb(78,184,132)
```
#44c285
```
#44c285 rgb(68,194,133)
```
#3bcb85
```
#3bcb85 rgb(59,203,133)
```
#31d585
```
#31d585 rgb(49,213,133)
```
#27df85
```
#27df85 rgb(39,223,133)
```
#1ee885
```
#1ee885 rgb(30,232,133)
```
#14f286
```
#14f286 rgb(20,242,134)
```
#0bfb86
```
#0bfb86 rgb(11,251,134)
```

Tone Color Variation

Below, you can see how #31d585 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
#86a797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebe81 Protanopia 1% of men
#deb796 Deuteranopia 1% of men
#66cddc 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
#53d0bc Tritanomaly 0.01% of the population

#31d585 hex color

#31d585 Color Information

#31d585 Color Conversion

Color Schemes with #31d585

Alternatives to #31d585

#31d585 Preview

Shades and Tints of #31d585

Tones of #31d585

Color Blindness Simulator