#31c199 hex color

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

♥
- f
- t
- g
- R 19
- G 76
- B 60
RGB color chart
- C 75
- M 0
- Y 21
- K 24
CMYK color chart

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

The hexadecimal color #31c199 has RGB values of R:49, G:193, B:153 and CMYK values of C:0.75, M:0, Y:0.21, K:0.24. Its decimal value is 3260825.

Hex triplet	31c199	`#31c199`
RGB Decimal	49, 193, 153	`rgb(49,193,153)`
RGB Percent	19.2, 75.7, 60	`rgb(19.2%,75.7%,60%)`
CMYK	75, 0, 21, 24
HSL	163.3°, 59.5, 47.5	`hsl(163.3,59.5%,47.5%)`
HSV (or HSB)	163.3°, 74.6, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.239, -46.796, 9.512
XYZ	26.084, 41.09, 36.692
xyY	0.251, 0.396, 41.09
CIE-LCH	70.239, 47.752, 168.511
CIE-LUV	70.239, -54.046, 21.093
Hunter-Lab	64.102, -39.543, 10.934
Binary	00110001, 11000001, 10011001

#31c199
```
#31c199 rgb(49,193,153)
```
#c13159
```
#c13159 rgb(193,49,89)
```

Complementary Color

#31c151
```
#31c151 rgb(49,193,81)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#31a1c1
```
#31a1c1 rgb(49,161,193)
```

Analogous Color

#c15131
```
#c15131 rgb(193,81,49)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#c131a1
```
#c131a1 rgb(193,49,161)
```

Split Complementary Color

#c19931
```
#c19931 rgb(193,153,49)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#9931c1
```
#9931c1 rgb(153,49,193)
```

Triadic Color

#59c131
```
#59c131 rgb(89,193,49)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#9931c1
```
#9931c1 rgb(153,49,193)
```
#c13159
```
#c13159 rgb(193,49,89)
```

Tetradic Color

#228469
```
#228469 rgb(34,132,105)
```
#279879
```
#279879 rgb(39,152,121)
```
#2cad89
```
#2cad89 rgb(44,173,137)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#3ecea6
```
#3ecea6 rgb(62,206,166)
```
#52d3af
```
#52d3af rgb(82,211,175)
```
#66d8b9
```
#66d8b9 rgb(102,216,185)
```

Monochromatic Color

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

#31c175
```
#31c175 rgb(49,193,117)
```
#31c181
```
#31c181 rgb(49,193,129)
```
#31c18d
```
#31c18d rgb(49,193,141)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#31c1a5
```
#31c1a5 rgb(49,193,165)
```
#31c1b1
```
#31c1b1 rgb(49,193,177)
```
#31c1bd
```
#31c1bd rgb(49,193,189)
```

Similar Colors

Text with hexadecimal color #31c199

This text has a font color of #31c199.

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

#31c199 background color

This paragraph has a background color of #31c199.

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

#31c199 border color

This element has a border color of #31c199.

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

CSS codes

.text {color:#31c199;}

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

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

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 #f5fcfa is the lightest one.

#010504
```
#010504 rgb(1,5,4)
```
#051511
```
#051511 rgb(5,21,17)
```
#09251d
```
#09251d rgb(9,37,29)
```
#0d3429
```
#0d3429 rgb(13,52,41)
```
#114436
```
#114436 rgb(17,68,54)
```
#155342
```
#155342 rgb(21,83,66)
```
#19634f
```
#19634f rgb(25,99,79)
```
#1d735b
```
#1d735b rgb(29,115,91)
```
#218267
```
#218267 rgb(33,130,103)
```
#259274
```
#259274 rgb(37,146,116)
```
#29a280
```
#29a280 rgb(41,162,128)
```
#2db18d
```
#2db18d rgb(45,177,141)
```
#31c199
```
#31c199 rgb(49,193,153)
```

Shade Color Variation

#39cda4
```
#39cda4 rgb(57,205,164)
```
#49d1ab
```
#49d1ab rgb(73,209,171)
```
#58d5b2
```
#58d5b2 rgb(88,213,178)
```
#68d9b9
```
#68d9b9 rgb(104,217,185)
```
#77ddc1
```
#77ddc1 rgb(119,221,193)
```
#87e1c8
```
#87e1c8 rgb(135,225,200)
```
#97e5cf
```
#97e5cf rgb(151,229,207)
```
#a6e9d6
```
#a6e9d6 rgb(166,233,214)
```
#b6ecdd
```
#b6ecdd rgb(182,236,221)
```
#c6f0e5
```
#c6f0e5 rgb(198,240,229)
```
#d5f4ec
```
#d5f4ec rgb(213,244,236)
```
#e5f8f3
```
#e5f8f3 rgb(229,248,243)
```
#f5fcfa
```
#f5fcfa rgb(245,252,250)
```

Tint Color Variation

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

#72807c
```
#72807c rgb(114,128,124)
```
#698980
```
#698980 rgb(105,137,128)
```
#609284
```
#609284 rgb(96,146,132)
```
#569c88
```
#569c88 rgb(86,156,136)
```
#4da58d
```
#4da58d rgb(77,165,141)
```
#44ae91
```
#44ae91 rgb(68,174,145)
```
#3ab895
```
#3ab895 rgb(58,184,149)
```
#31c199
```
#31c199 rgb(49,193,153)
```
#28ca9d
```
#28ca9d rgb(40,202,157)
```
#1ed4a1
```
#1ed4a1 rgb(30,212,161)
```
#15dda5
```
#15dda5 rgb(21,221,165)
```
#0ce6aa
```
#0ce6aa rgb(12,230,170)
```
#02f0ae
```
#02f0ae rgb(2,240,174)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e9b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9af94 Protanopia 1% of men
#c3aaa7 Deuteranopia 1% of men
#57bdcb Tritanopia 0.001% of the population

Trichromacy

#87b596 Protanomaly 1% of men, 0.01% of women
#8eb2a2 Deuteranomaly 6% of men, 0.4% of women
#49bfb9 Tritanomaly 0.01% of the population

#31c199 hex color

#31c199 Color Information

#31c199 Color Conversion

Color Schemes with #31c199

Alternatives to #31c199

#31c199 Preview

Shades and Tints of #31c199

Tones of #31c199

Color Blindness Simulator