#31bc6d hex color

In a RGB color space, hex #31bc6d is composed of 19.2% red, 73.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 42% yellow and 26.3% black. It has a hue angle of 145.9 degrees, a saturation of 58.6% and a lightness of 46.5%. #31bc6d color hex could be obtained by blending #62ffda with #007900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 74
- B 43
RGB color chart
- C 74
- M 0
- Y 42
- K 26
CMYK color chart

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

The hexadecimal color #31bc6d has RGB values of R:49, G:188, B:109 and CMYK values of C:0.74, M:0, Y:0.42, K:0.26. Its decimal value is 3259501.

Hex triplet	31bc6d	`#31bc6d`
RGB Decimal	49, 188, 109	`rgb(49,188,109)`
RGB Percent	19.2, 73.7, 42.7	`rgb(19.2%,73.7%,42.7%)`
CMYK	74, 0, 42, 26
HSL	145.9°, 58.6, 46.5	`hsl(145.9,58.6%,46.5%)`
HSV (or HSB)	145.9°, 73.9, 73.7
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.815, -54.235, 29.715
XYZ	22.009, 37.721, 20.588
xyY	0.274, 0.47, 37.721
CIE-LCH	67.815, 61.842, 151.282
CIE-LUV	67.815, -54.939, 47.858
Hunter-Lab	61.418, -43.517, 23.117
Binary	00110001, 10111100, 01101101

#31bc6d
```
#31bc6d rgb(49,188,109)
```
#bc3180
```
#bc3180 rgb(188,49,128)
```

Complementary Color

#3bbc31
```
#3bbc31 rgb(59,188,49)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#31bcb3
```
#31bcb3 rgb(49,188,179)
```

Analogous Color

#bc313b
```
#bc313b rgb(188,49,59)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#b331bc
```
#b331bc rgb(179,49,188)
```

Split Complementary Color

#bc6d31
```
#bc6d31 rgb(188,109,49)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#6d31bc
```
#6d31bc rgb(109,49,188)
```

Triadic Color

#80bc31
```
#80bc31 rgb(128,188,49)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#6d31bc
```
#6d31bc rgb(109,49,188)
```
#bc3180
```
#bc3180 rgb(188,49,128)
```

Tetradic Color

#217f4a
```
#217f4a rgb(33,127,74)
```
#269456
```
#269456 rgb(38,148,86)
```
#2ca861
```
#2ca861 rgb(44,168,97)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#3bcc79
```
#3bcc79 rgb(59,204,121)
```
#4fd187
```
#4fd187 rgb(79,209,135)
```
#63d695
```
#63d695 rgb(99,214,149)
```

Monochromatic Color

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

#31bc4a
```
#31bc4a rgb(49,188,74)
```
#31bc56
```
#31bc56 rgb(49,188,86)
```
#31bc61
```
#31bc61 rgb(49,188,97)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#31bc79
```
#31bc79 rgb(49,188,121)
```
#31bc84
```
#31bc84 rgb(49,188,132)
```
#31bc90
```
#31bc90 rgb(49,188,144)
```

Similar Colors

Text with hexadecimal color #31bc6d

This text has a font color of #31bc6d.

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

#31bc6d background color

This paragraph has a background color of #31bc6d.

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

#31bc6d border color

This element has a border color of #31bc6d.

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

CSS codes

.text {color:#31bc6d;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110a
```
#04110a rgb(4,17,10)
```
#082013
```
#082013 rgb(8,32,19)
```
#0d301c
```
#0d301c rgb(13,48,28)
```
#114025
```
#114025 rgb(17,64,37)
```
#154f2e
```
#154f2e rgb(21,79,46)
```
#195f37
```
#195f37 rgb(25,95,55)
```
#1d6e40
```
#1d6e40 rgb(29,110,64)
```
#217e49
```
#217e49 rgb(33,126,73)
```
#258d52
```
#258d52 rgb(37,141,82)
```
#299d5b
```
#299d5b rgb(41,157,91)
```
#2dac64
```
#2dac64 rgb(45,172,100)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```

Shade Color Variation

#36cb76
```
#36cb76 rgb(54,203,118)
```
#46cf81
```
#46cf81 rgb(70,207,129)
```
#55d38b
```
#55d38b rgb(85,211,139)
```
#65d796
```
#65d796 rgb(101,215,150)
```
#74dba1
```
#74dba1 rgb(116,219,161)
```
#84dfab
```
#84dfab rgb(132,223,171)
```
#93e3b6
```
#93e3b6 rgb(147,227,182)
```
#a3e7c0
```
#a3e7c0 rgb(163,231,192)
```
#b2ebcb
```
#b2ebcb rgb(178,235,203)
```
#c2efd5
```
#c2efd5 rgb(194,239,213)
```
#d2f3e0
```
#d2f3e0 rgb(210,243,224)
```
#e1f7eb
```
#e1f7eb rgb(225,247,235)
```
#f1fbf5
```
#f1fbf5 rgb(241,251,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717c76 is the less saturated color, while #03ea67 is the most saturated one.

#717c76
```
#717c76 rgb(113,124,118)
```
#688574
```
#688574 rgb(104,133,116)
```
#5f8e73
```
#5f8e73 rgb(95,142,115)
```
#559872
```
#559872 rgb(85,152,114)
```
#4ca171
```
#4ca171 rgb(76,161,113)
```
#43aa6f
```
#43aa6f rgb(67,170,111)
```
#3ab36e
```
#3ab36e rgb(58,179,110)
```
#31bc6d
```
#31bc6d rgb(49,188,109)
```
#28c56c
```
#28c56c rgb(40,197,108)
```
#1fce6b
```
#1fce6b rgb(31,206,107)
```
#16d769
```
#16d769 rgb(22,215,105)
```
#0de068
```
#0de068 rgb(13,224,104)
```
#03ea67
```
#03ea67 rgb(3,234,103)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#779383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a96c Protanopia 1% of men
#c7a37e Deuteranopia 1% of men
#60b6c3 Tritanopia 0.001% of the population

Trichromacy

#87b06c Protanomaly 1% of men, 0.01% of women
#91ac78 Deuteranomaly 6% of men, 0.4% of women
#4fb8a3 Tritanomaly 0.01% of the population

#31bc6d hex color

#31bc6d Color Information

#31bc6d Color Conversion

Color Schemes with #31bc6d

Alternatives to #31bc6d

#31bc6d Preview

Shades and Tints of #31bc6d

Tones of #31bc6d

Color Blindness Simulator