#31c795 hex color

In a RGB color space, hex #31c795 is composed of 19.2% red, 78% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 25.1% yellow and 22% black. It has a hue angle of 160 degrees, a saturation of 60.5% and a lightness of 48.6%. #31c795 color hex could be obtained by blending #62ffff with #008f2b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 78
- B 58
RGB color chart
- C 75
- M 0
- Y 25
- K 22
CMYK color chart

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

The hexadecimal color #31c795 has RGB values of R:49, G:199, B:149 and CMYK values of C:0.75, M:0, Y:0.25, K:0.22. Its decimal value is 3262357.

Hex triplet	31c795	`#31c795`
RGB Decimal	49, 199, 149	`rgb(49,199,149)`
RGB Percent	19.2, 78, 58.4	`rgb(19.2%,78%,58.4%)`
CMYK	75, 0, 25, 22
HSL	160°, 60.5, 48.6	`hsl(160,60.5%,48.6%)`
HSV (or HSB)	160°, 75.4, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.005, -50.193, 14.169
XYZ	27.113, 43.667, 35.432
xyY	0.255, 0.411, 43.667
CIE-LCH	72.005, 52.155, 164.237
CIE-LUV	72.005, -56.43, 28.211
Hunter-Lab	66.081, -42.404, 14.466
Binary	00110001, 11000111, 10010101

#31c795
```
#31c795 rgb(49,199,149)
```
#c73163
```
#c73163 rgb(199,49,99)
```

Complementary Color

#31c74a
```
#31c74a rgb(49,199,74)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#31aec7
```
#31aec7 rgb(49,174,199)
```

Analogous Color

#c74a31
```
#c74a31 rgb(199,74,49)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#c731ae
```
#c731ae rgb(199,49,174)
```

Split Complementary Color

#c79531
```
#c79531 rgb(199,149,49)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#9531c7
```
#9531c7 rgb(149,49,199)
```

Triadic Color

#63c731
```
#63c731 rgb(99,199,49)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#9531c7
```
#9531c7 rgb(149,49,199)
```
#c73163
```
#c73163 rgb(199,49,99)
```

Tetradic Color

#228a67
```
#228a67 rgb(34,138,103)
```
#279e76
```
#279e76 rgb(39,158,118)
```
#2cb386
```
#2cb386 rgb(44,179,134)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#41d0a1
```
#41d0a1 rgb(65,208,161)
```
#56d5ab
```
#56d5ab rgb(86,213,171)
```
#6adab5
```
#6adab5 rgb(106,218,181)
```

Monochromatic Color

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

#31c770
```
#31c770 rgb(49,199,112)
```
#31c77c
```
#31c77c rgb(49,199,124)
```
#31c789
```
#31c789 rgb(49,199,137)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#31c7a2
```
#31c7a2 rgb(49,199,162)
```
#31c7ae
```
#31c7ae rgb(49,199,174)
```
#31c7bb
```
#31c7bb rgb(49,199,187)
```

Similar Colors

Text with hexadecimal color #31c795

This text has a font color of #31c795.

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

#31c795 background color

This paragraph has a background color of #31c795.

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

#31c795 border color

This element has a border color of #31c795.

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

CSS codes

.text {color:#31c795;}

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

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

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, #020a08 is the darkest color, while #f9fefc is the lightest one.

#020a08
```
#020a08 rgb(2,10,8)
```
#061a13
```
#061a13 rgb(6,26,19)
```
#0a2a1f
```
#0a2a1f rgb(10,42,31)
```
#0e392b
```
#0e392b rgb(14,57,43)
```
#124937
```
#124937 rgb(18,73,55)
```
#165943
```
#165943 rgb(22,89,67)
```
#1a694e
```
#1a694e rgb(26,105,78)
```
#1e785a
```
#1e785a rgb(30,120,90)
```
#218866
```
#218866 rgb(33,136,102)
```
#259872
```
#259872 rgb(37,152,114)
```
#29a87d
```
#29a87d rgb(41,168,125)
```
#2db789
```
#2db789 rgb(45,183,137)
```
#31c795
```
#31c795 rgb(49,199,149)
```

Shade Color Variation

#3dcf9e
```
#3dcf9e rgb(61,207,158)
```
#4cd3a6
```
#4cd3a6 rgb(76,211,166)
```
#5cd7ae
```
#5cd7ae rgb(92,215,174)
```
#6cdbb6
```
#6cdbb6 rgb(108,219,182)
```
#7bdfbe
```
#7bdfbe rgb(123,223,190)
```
#8be2c5
```
#8be2c5 rgb(139,226,197)
```
#9be6cd
```
#9be6cd rgb(155,230,205)
```
#abead5
```
#abead5 rgb(171,234,213)
```
#baeedd
```
#baeedd rgb(186,238,221)
```
#caf2e5
```
#caf2e5 rgb(202,242,229)
```
#daf6ed
```
#daf6ed rgb(218,246,237)
```
#eafaf4
```
#eafaf4 rgb(234,250,244)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74847f is the less saturated color, while #01f7a5 is the most saturated one.

#74847f
```
#74847f rgb(116,132,127)
```
#6a8e82
```
#6a8e82 rgb(106,142,130)
```
#619785
```
#619785 rgb(97,151,133)
```
#57a188
```
#57a188 rgb(87,161,136)
```
#4eaa8b
```
#4eaa8b rgb(78,170,139)
```
#44b48f
```
#44b48f rgb(68,180,143)
```
#3bbd92
```
#3bbd92 rgb(59,189,146)
```
#31c795
```
#31c795 rgb(49,199,149)
```
#27d198
```
#27d198 rgb(39,209,152)
```
#1eda9b
```
#1eda9b rgb(30,218,155)
```
#14e49f
```
#14e49f rgb(20,228,159)
```
#0beda2
```
#0beda2 rgb(11,237,162)
```
#01f7a5
```
#01f7a5 rgb(1,247,165)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb490 Protanopia 1% of men
#cbaea4 Deuteranopia 1% of men
#5cc2d0 Tritanopia 0.001% of the population

Trichromacy

#8bbb92 Protanomaly 1% of men, 0.01% of women
#93b79e Deuteranomaly 6% of men, 0.4% of women
#4cc4bb Tritanomaly 0.01% of the population

#31c795 hex color

#31c795 Color Information

#31c795 Color Conversion

Color Schemes with #31c795

Alternatives to #31c795

#31c795 Preview

Shades and Tints of #31c795

Tones of #31c795

Color Blindness Simulator