colorhexa.com

#31d193 hex color

In a RGB color space, hex #31d193 is composed of 19.2% red, 82% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 29.7% yellow and 18% black. It has a hue angle of 156.8 degrees, a saturation of 63.5% and a lightness of 50.6%. #31d193 color hex could be obtained by blending #62ffff with #00a327. Closest websafe color is: #33cc99.

- R 19
- G 82
- B 58
RGB color chart
- C 77
- M 0
- Y 30
- K 18
CMYK color chart

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

The hexadecimal color #31d193 has RGB values of R:49, G:209, B:147 and CMYK values of C:0.77, M:0, Y:0.3, K:0.18. Its decimal value is 3264915.

Hex triplet	31d193	`#31d193`
RGB Decimal	49, 209, 147	`rgb(49,209,147)`
RGB Percent	19.2, 82, 57.6	`rgb(19.2%,82%,57.6%)`
CMYK	77, 0, 30, 18
HSL	156.8°, 63.5, 50.6	`hsl(156.8,63.5%,50.6%)`
HSV (or HSB)	156.8°, 76.6, 82
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.05, -54.573, 19.471
XYZ	29.331, 48.358, 35.39
xyY	0.259, 0.428, 48.358
CIE-LCH	75.05, 57.942, 160.364
CIE-LUV	75.05, -60.054, 36.316
Hunter-Lab	69.54, -46.404, 18.504
Binary	00110001, 11010001, 10010011

#31d193
```
#31d193 rgb(49,209,147)
```
#d1316f
```
#d1316f rgb(209,49,111)
```

Complementary Color

#31d143
```
#31d143 rgb(49,209,67)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#31bfd1
```
#31bfd1 rgb(49,191,209)
```

Analogous Color

#d14331
```
#d14331 rgb(209,67,49)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#d131bf
```
#d131bf rgb(209,49,191)
```

Split Complementary Color

#d19331
```
#d19331 rgb(209,147,49)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#9331d1
```
#9331d1 rgb(147,49,209)
```

Triadic Color

#6fd131
```
#6fd131 rgb(111,209,49)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#9331d1
```
#9331d1 rgb(147,49,209)
```
#d1316f
```
#d1316f rgb(209,49,111)
```

Tetradic Color

#219468
```
#219468 rgb(33,148,104)
```
#26a976
```
#26a976 rgb(38,169,118)
```
#2abe85
```
#2abe85 rgb(42,190,133)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#46d69e
```
#46d69e rgb(70,214,158)
```
#5bdaa9
```
#5bdaa9 rgb(91,218,169)
```
#70dfb4
```
#70dfb4 rgb(112,223,180)
```

Monochromatic Color

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

#31d16b
```
#31d16b rgb(49,209,107)
```
#31d178
```
#31d178 rgb(49,209,120)
```
#31d186
```
#31d186 rgb(49,209,134)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#31d1a0
```
#31d1a0 rgb(49,209,160)
```
#31d1ae
```
#31d1ae rgb(49,209,174)
```
#31d1bb
```
#31d1bb rgb(49,209,187)
```

Similar Colors

Text with hexadecimal color #31d193

This text has a font color of #31d193.

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

#31d193 background color

This paragraph has a background color of #31d193.

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

#31d193 border color

This element has a border color of #31d193.

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

CSS codes

.text {color:#31d193;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#04120d
```
#04120d rgb(4,18,13)
```
#082318
```
#082318 rgb(8,35,24)
```
#0b3323
```
#0b3323 rgb(11,51,35)
```
#0f432f
```
#0f432f rgb(15,67,47)
```
#12533a
```
#12533a rgb(18,83,58)
```
#166345
```
#166345 rgb(22,99,69)
```
#1a7350
```
#1a7350 rgb(26,115,80)
```
#1d835b
```
#1d835b rgb(29,131,91)
```
#219367
```
#219367 rgb(33,147,103)
```
#24a372
```
#24a372 rgb(36,163,114)
```
#28b37d
```
#28b37d rgb(40,179,125)
```
#2cc388
```
#2cc388 rgb(44,195,136)
```

Shade Color Variation

#31d193
```
#31d193 rgb(49,209,147)
```
#41d59b
```
#41d59b rgb(65,213,155)
```
#51d8a4
```
#51d8a4 rgb(81,216,164)
```
#61dcac
```
#61dcac rgb(97,220,172)
```
#71dfb5
```
#71dfb5 rgb(113,223,181)
```
#81e3bd
```
#81e3bd rgb(129,227,189)
```
#91e6c5
```
#91e6c5 rgb(145,230,197)
```
#a1eace
```
#a1eace rgb(161,234,206)
```
#b1eed6
```
#b1eed6 rgb(177,238,214)
```
#c1f1df
```
#c1f1df rgb(193,241,223)
```
#d1f5e7
```
#d1f5e7 rgb(209,245,231)
```
#e1f8ef
```
#e1f8ef rgb(225,248,239)
```
#f1fcf8
```
#f1fcf8 rgb(241,252,248)
```

Tint Color Variation

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

#7f8382
```
#7f8382 rgb(127,131,130)
```
#758d84
```
#758d84 rgb(117,141,132)
```
#6b9786
```
#6b9786 rgb(107,151,134)
```
#61a188
```
#61a188 rgb(97,161,136)
```
#58aa8a
```
#58aa8a rgb(88,170,138)
```
#4eb48c
```
#4eb48c rgb(78,180,140)
```
#44be8f
```
#44be8f rgb(68,190,143)
```
#3bc791
```
#3bc791 rgb(59,199,145)
```
#31d193
```
#31d193 rgb(49,209,147)
```
#27db95
```
#27db95 rgb(39,219,149)
```
#1ee497
```
#1ee497 rgb(30,228,151)
```
#14ee9a
```
#14ee9a rgb(20,238,154)
```
#0af89c
```
#0af89c rgb(10,248,156)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#85a599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bc8e Protanopia 1% of men
#d7b5a2 Deuteranopia 1% of men
#61cad9 Tritanopia 0.001% of the population

Trichromacy

#92c390 Protanomaly 1% of men, 0.01% of women
#9abf9d Deuteranomaly 6% of men, 0.4% of women
#4fcdbf Tritanomaly 0.01% of the population