colorhexa.com

#31f194 hex color

In a RGB color space, hex #31f194 is composed of 19.2% red, 94.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 38.6% yellow and 5.5% black. It has a hue angle of 150.9 degrees, a saturation of 87.3% and a lightness of 56.9%. #31f194 color hex could be obtained by blending #62ffff with #00e329. Closest websafe color is: #33ff99.

- R 19
- G 95
- B 58
RGB color chart
- C 80
- M 0
- Y 39
- K 5
CMYK color chart

● #31f194 color description : Bright cyan - lime green.

The hexadecimal color #31f194 has RGB values of R:49, G:241, B:148 and CMYK values of C:0.8, M:0, Y:0.39, K:0.05. Its decimal value is 3273108.

Hex triplet	31f194	`#31f194`
RGB Decimal	49, 241, 148	`rgb(49,241,148)`
RGB Percent	19.2, 94.5, 58	`rgb(19.2%,94.5%,58%)`
CMYK	80, 0, 39, 5
HSL	150.9°, 87.3, 56.9	`hsl(150.9,87.3%,56.9%)`
HSV (or HSB)	150.9°, 79.7, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.842, -66.113, 32.207
XYZ	38.064, 65.698, 38.69
xyY	0.267, 0.461, 65.698
CIE-LCH	84.842, 73.541, 154.027
CIE-LUV	84.842, -70.846, 55.712
Hunter-Lab	81.054, -58.018, 28.437
Binary	00110001, 11110001, 10010100

#31f194
```
#31f194 rgb(49,241,148)
```
#f1318e
```
#f1318e rgb(241,49,142)
```

Complementary Color

#31f134
```
#31f134 rgb(49,241,52)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#31eef1
```
#31eef1 rgb(49,238,241)
```

Analogous Color

#f13431
```
#f13431 rgb(241,52,49)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#f131ee
```
#f131ee rgb(241,49,238)
```

Split Complementary Color

#f19431
```
#f19431 rgb(241,148,49)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#9431f1
```
#9431f1 rgb(148,49,241)
```

Triadic Color

#8ef131
```
#8ef131 rgb(142,241,49)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#9431f1
```
#9431f1 rgb(148,49,241)
```
#f1318e
```
#f1318e rgb(241,49,142)
```

Tetradic Color

#0ec86e
```
#0ec86e rgb(14,200,110)
```
#0fe07b
```
#0fe07b rgb(15,224,123)
```
#19ef88
```
#19ef88 rgb(25,239,136)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#49f3a0
```
#49f3a0 rgb(73,243,160)
```
#61f4ad
```
#61f4ad rgb(97,244,173)
```
#79f6b9
```
#79f6b9 rgb(121,246,185)
```

Monochromatic Color

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

#31f164
```
#31f164 rgb(49,241,100)
```
#31f174
```
#31f174 rgb(49,241,116)
```
#31f184
```
#31f184 rgb(49,241,132)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#31f1a4
```
#31f1a4 rgb(49,241,164)
```
#31f1b4
```
#31f1b4 rgb(49,241,180)
```
#31f1c4
```
#31f1c4 rgb(49,241,196)
```

Similar Colors

Text with hexadecimal color #31f194

This text has a font color of #31f194.

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

#31f194 background color

This paragraph has a background color of #31f194.

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

#31f194 border color

This element has a border color of #31f194.

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

CSS codes

.text {color:#31f194;}

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

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

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, #010e08 is the darkest color, while #fbfffd is the lightest one.

#010e08
```
#010e08 rgb(1,14,8)
```
#022112
```
#022112 rgb(2,33,18)
```
#03331c
```
#03331c rgb(3,51,28)
```
#054626
```
#054626 rgb(5,70,38)
```
#065830
```
#065830 rgb(6,88,48)
```
#076a3a
```
#076a3a rgb(7,106,58)
```
#087d44
```
#087d44 rgb(8,125,68)
```
#0a8f4e
```
#0a8f4e rgb(10,143,78)
```
#0ba159
```
#0ba159 rgb(11,161,89)
```
#0cb463
```
#0cb463 rgb(12,180,99)
```
#0dc66d
```
#0dc66d rgb(13,198,109)
```
#0fd877
```
#0fd877 rgb(15,216,119)
```
#10eb81
```
#10eb81 rgb(16,235,129)
```

Shade Color Variation

#1ff08a
```
#1ff08a rgb(31,240,138)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#43f29e
```
#43f29e rgb(67,242,158)
```
#56f3a7
```
#56f3a7 rgb(86,243,167)
```
#68f5b1
```
#68f5b1 rgb(104,245,177)
```
#7af6ba
```
#7af6ba rgb(122,246,186)
```
#8df7c4
```
#8df7c4 rgb(141,247,196)
```
#9ff8cd
```
#9ff8cd rgb(159,248,205)
```
#b2fad7
```
#b2fad7 rgb(178,250,215)
```
#c4fbe0
```
#c4fbe0 rgb(196,251,224)
```
#d6fcea
```
#d6fcea rgb(214,252,234)
```
#e9fdf3
```
#e9fdf3 rgb(233,253,243)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9491 is the less saturated color, while #29f994 is the most saturated one.

#8e9491
```
#8e9491 rgb(142,148,145)
```
#869c91
```
#869c91 rgb(134,156,145)
```
#7da592
```
#7da592 rgb(125,165,146)
```
#75ad92
```
#75ad92 rgb(117,173,146)
```
#6cb692
```
#6cb692 rgb(108,182,146)
```
#64be92
```
#64be92 rgb(100,190,146)
```
#5bc793
```
#5bc793 rgb(91,199,147)
```
#53cf93
```
#53cf93 rgb(83,207,147)
```
#4ad893
```
#4ad893 rgb(74,216,147)
```
#42e093
```
#42e093 rgb(66,224,147)
```
#39e994
```
#39e994 rgb(57,233,148)
```
#31f194
```
#31f194 rgb(49,241,148)
```
#29f994
```
#29f994 rgb(41,249,148)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#94bba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d58e Protanopia 1% of men
#facda5 Deuteranopia 1% of men
#70e6f7 Tritanopia 0.001% of the population

Trichromacy

#a5df90 Protanomaly 1% of men, 0.01% of women
#b1da9f Deuteranomaly 6% of men, 0.4% of women
#59ead3 Tritanomaly 0.01% of the population