colorhexa.com

#31c182 hex color

In a RGB color space, hex #31c182 is composed of 19.2% red, 75.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 32.6% yellow and 24.3% black. It has a hue angle of 153.8 degrees, a saturation of 59.5% and a lightness of 47.5%. #31c182 color hex could be obtained by blending #62ffff with #008305. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #31c182 has RGB values of R:49, G:193, B:130 and CMYK values of C:0.75, M:0, Y:0.33, K:0.24. Its decimal value is 3260802.

Hex triplet	31c182	`#31c182`
RGB Decimal	49, 193, 130	`rgb(49,193,130)`
RGB Percent	19.2, 75.7, 51	`rgb(19.2%,75.7%,51%)`
CMYK	75, 0, 33, 24
HSL	153.8°, 59.5, 47.5	`hsl(153.8,59.5%,47.5%)`
HSV (or HSB)	153.8°, 74.6, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.755, -52.015, 21.23
XYZ	24.364, 40.402, 27.632
xyY	0.264, 0.437, 40.402
CIE-LCH	69.755, 56.18, 157.797
CIE-LUV	69.755, -55.508, 37.578
Hunter-Lab	63.563, -42.815, 18.719
Binary	00110001, 11000001, 10000010

#31c182
```
#31c182 rgb(49,193,130)
```
#c13170
```
#c13170 rgb(193,49,112)
```

Complementary Color

#31c13a
```
#31c13a rgb(49,193,58)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#31b8c1
```
#31b8c1 rgb(49,184,193)
```

Analogous Color

#c13a31
```
#c13a31 rgb(193,58,49)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#c131b8
```
#c131b8 rgb(193,49,184)
```

Split Complementary Color

#c18231
```
#c18231 rgb(193,130,49)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#8231c1
```
#8231c1 rgb(130,49,193)
```

Triadic Color

#70c131
```
#70c131 rgb(112,193,49)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#8231c1
```
#8231c1 rgb(130,49,193)
```
#c13170
```
#c13170 rgb(193,49,112)
```

Tetradic Color

#228459
```
#228459 rgb(34,132,89)
```
#279867
```
#279867 rgb(39,152,103)
```
#2cad74
```
#2cad74 rgb(44,173,116)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#3ece8f
```
#3ece8f rgb(62,206,143)
```
#52d39b
```
#52d39b rgb(82,211,155)
```
#66d8a6
```
#66d8a6 rgb(102,216,166)
```

Monochromatic Color

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

#31c15e
```
#31c15e rgb(49,193,94)
```
#31c16a
```
#31c16a rgb(49,193,106)
```
#31c176
```
#31c176 rgb(49,193,118)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#31c18e
```
#31c18e rgb(49,193,142)
```
#31c19a
```
#31c19a rgb(49,193,154)
```
#31c1a6
```
#31c1a6 rgb(49,193,166)
```

Similar Colors

Text with hexadecimal color #31c182

This text has a font color of #31c182.

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

#31c182 background color

This paragraph has a background color of #31c182.

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

#31c182 border color

This element has a border color of #31c182.

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

CSS codes

.text {color:#31c182;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#05150e
```
#05150e rgb(5,21,14)
```
#092519
```
#092519 rgb(9,37,25)
```
#0d3423
```
#0d3423 rgb(13,52,35)
```
#11442e
```
#11442e rgb(17,68,46)
```
#155338
```
#155338 rgb(21,83,56)
```
#196343
```
#196343 rgb(25,99,67)
```
#1d734d
```
#1d734d rgb(29,115,77)
```
#218258
```
#218258 rgb(33,130,88)
```
#259262
```
#259262 rgb(37,146,98)
```
#29a26d
```
#29a26d rgb(41,162,109)
```
#2db177
```
#2db177 rgb(45,177,119)
```
#31c182
```
#31c182 rgb(49,193,130)
```

Shade Color Variation

#39cd8c
```
#39cd8c rgb(57,205,140)
```
#49d195
```
#49d195 rgb(73,209,149)
```
#58d59e
```
#58d59e rgb(88,213,158)
```
#68d9a7
```
#68d9a7 rgb(104,217,167)
```
#77ddb0
```
#77ddb0 rgb(119,221,176)
```
#87e1b9
```
#87e1b9 rgb(135,225,185)
```
#97e5c3
```
#97e5c3 rgb(151,229,195)
```
#a6e9cc
```
#a6e9cc rgb(166,233,204)
```
#b6ecd5
```
#b6ecd5 rgb(182,236,213)
```
#c6f0de
```
#c6f0de rgb(198,240,222)
```
#d5f4e7
```
#d5f4e7 rgb(213,244,231)
```
#e5f8f0
```
#e5f8f0 rgb(229,248,240)
```
#f5fcf9
```
#f5fcf9 rgb(245,252,249)
```

Tint Color Variation

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

#72807a
```
#72807a rgb(114,128,122)
```
#69897b
```
#69897b rgb(105,137,123)
```
#60927c
```
#60927c rgb(96,146,124)
```
#569c7d
```
#569c7d rgb(86,156,125)
```
#4da57f
```
#4da57f rgb(77,165,127)
```
#44ae80
```
#44ae80 rgb(68,174,128)
```
#3ab881
```
#3ab881 rgb(58,184,129)
```
#31c182
```
#31c182 rgb(49,193,130)
```
#28ca83
```
#28ca83 rgb(40,202,131)
```
#1ed484
```
#1ed484 rgb(30,212,132)
```
#15dd85
```
#15dd85 rgb(21,221,133)
```
#0ce687
```
#0ce687 rgb(12,230,135)
```
#02f088
```
#02f088 rgb(2,240,136)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c998c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbae7f Protanopia 1% of men
#c9a892 Deuteranopia 1% of men
#5ebbc9 Tritanopia 0.001% of the population

Trichromacy

#89b580 Protanomaly 1% of men, 0.01% of women
#91b18c Deuteranomaly 6% of men, 0.4% of women
#4dbdaf Tritanomaly 0.01% of the population