colorhexa.com

#31c381 hex color

In a RGB color space, hex #31c381 is composed of 19.2% red, 76.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 33.8% yellow and 23.5% black. It has a hue angle of 152.9 degrees, a saturation of 59.8% and a lightness of 47.8%. #31c381 color hex could be obtained by blending #62ffff with #008703. Closest websafe color is: #33cc99.

- R 19
- G 76
- B 51
RGB color chart
- C 75
- M 0
- Y 34
- K 24
CMYK color chart

● #31c381 color description : Moderate cyan - lime green.

The hexadecimal color #31c381 has RGB values of R:49, G:195, B:129 and CMYK values of C:0.75, M:0, Y:0.34, K:0.24. Its decimal value is 3261313.

Hex triplet	31c381	`#31c381`
RGB Decimal	49, 195, 129	`rgb(49,195,129)`
RGB Percent	19.2, 76.5, 50.6	`rgb(19.2%,76.5%,50.6%)`
CMYK	75, 0, 34, 24
HSL	152.9°, 59.8, 47.8	`hsl(152.9,59.8%,47.8%)`
HSV (or HSB)	152.9°, 74.9, 76.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.362, -52.994, 22.587
XYZ	24.742, 41.266, 27.429
xyY	0.265, 0.442, 41.266
CIE-LCH	70.362, 57.607, 156.915
CIE-LUV	70.362, -56.274, 39.526
Hunter-Lab	64.238, -43.665, 19.651
Binary	00110001, 11000011, 10000001

#31c381
```
#31c381 rgb(49,195,129)
```
#c33173
```
#c33173 rgb(195,49,115)
```

Complementary Color

#31c338
```
#31c338 rgb(49,195,56)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#31bcc3
```
#31bcc3 rgb(49,188,195)
```

Analogous Color

#c33831
```
#c33831 rgb(195,56,49)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#c331bc
```
#c331bc rgb(195,49,188)
```

Split Complementary Color

#c38131
```
#c38131 rgb(195,129,49)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#8131c3
```
#8131c3 rgb(129,49,195)
```

Triadic Color

#73c331
```
#73c331 rgb(115,195,49)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#8131c3
```
#8131c3 rgb(129,49,195)
```
#c33173
```
#c33173 rgb(195,49,115)
```

Tetradic Color

#228659
```
#228659 rgb(34,134,89)
```
#279a66
```
#279a66 rgb(39,154,102)
```
#2caf74
```
#2caf74 rgb(44,175,116)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#3fcf8e
```
#3fcf8e rgb(63,207,142)
```
#53d49a
```
#53d49a rgb(83,212,154)
```
#68d9a6
```
#68d9a6 rgb(104,217,166)
```

Monochromatic Color

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

#31c35c
```
#31c35c rgb(49,195,92)
```
#31c369
```
#31c369 rgb(49,195,105)
```
#31c375
```
#31c375 rgb(49,195,117)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#31c38d
```
#31c38d rgb(49,195,141)
```
#31c399
```
#31c399 rgb(49,195,153)
```
#31c3a6
```
#31c3a6 rgb(49,195,166)
```

Similar Colors

Text with hexadecimal color #31c381

This text has a font color of #31c381.

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

#31c381 background color

This paragraph has a background color of #31c381.

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

#31c381 border color

This element has a border color of #31c381.

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

CSS codes

.text {color:#31c381;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#06170f
```
#06170f rgb(6,23,15)
```
#0a2619
```
#0a2619 rgb(10,38,25)
```
#0e3624
```
#0e3624 rgb(14,54,36)
```
#11462e
```
#11462e rgb(17,70,46)
```
#155538
```
#155538 rgb(21,85,56)
```
#196543
```
#196543 rgb(25,101,67)
```
#1d754d
```
#1d754d rgb(29,117,77)
```
#218458
```
#218458 rgb(33,132,88)
```
#259462
```
#259462 rgb(37,148,98)
```
#29a46c
```
#29a46c rgb(41,164,108)
```
#2db377
```
#2db377 rgb(45,179,119)
```
#31c381
```
#31c381 rgb(49,195,129)
```

Shade Color Variation

#3ace8b
```
#3ace8b rgb(58,206,139)
```
#4ad194
```
#4ad194 rgb(74,209,148)
```
#59d59d
```
#59d59d rgb(89,213,157)
```
#69d9a7
```
#69d9a7 rgb(105,217,167)
```
#79ddb0
```
#79ddb0 rgb(121,221,176)
```
#88e1b9
```
#88e1b9 rgb(136,225,185)
```
#98e5c2
```
#98e5c2 rgb(152,229,194)
```
#a8e9cc
```
#a8e9cc rgb(168,233,204)
```
#b8edd5
```
#b8edd5 rgb(184,237,213)
```
#c7f1de
```
#c7f1de rgb(199,241,222)
```
#d7f5e7
```
#d7f5e7 rgb(215,245,231)
```
#e7f9f1
```
#e7f9f1 rgb(231,249,241)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73817b is the less saturated color, while #02f285 is the most saturated one.

#73817b
```
#73817b rgb(115,129,123)
```
#698b7c
```
#698b7c rgb(105,139,124)
```
#60947d
```
#60947d rgb(96,148,125)
```
#579d7d
```
#579d7d rgb(87,157,125)
```
#4da77e
```
#4da77e rgb(77,167,126)
```
#44b07f
```
#44b07f rgb(68,176,127)
```
#3aba80
```
#3aba80 rgb(58,186,128)
```
#31c381
```
#31c381 rgb(49,195,129)
```
#28cc82
```
#28cc82 rgb(40,204,130)
```
#1ed683
```
#1ed683 rgb(30,214,131)
```
#15df84
```
#15df84 rgb(21,223,132)
```
#0be985
```
#0be985 rgb(11,233,133)
```
#02f285
```
#02f285 rgb(2,242,133)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d9a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb07e Protanopia 1% of men
#cba991 Deuteranopia 1% of men
#5fbdcb Tritanopia 0.001% of the population

Trichromacy

#8ab77f Protanomaly 1% of men, 0.01% of women
#93b38b Deuteranomaly 6% of men, 0.4% of women
#4ebfb0 Tritanomaly 0.01% of the population