#31b656 hex color

In a RGB color space, hex #31b656 is composed of 19.2% red, 71.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 0% magenta, 52.7% yellow and 28.6% black. It has a hue angle of 136.7 degrees, a saturation of 57.6% and a lightness of 45.3%. #31b656 color hex could be obtained by blending #62ffac with #006d00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 71
- B 34
RGB color chart
- C 73
- M 0
- Y 53
- K 29
CMYK color chart

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

The hexadecimal color #31b656 has RGB values of R:49, G:182, B:86 and CMYK values of C:0.73, M:0, Y:0.53, K:0.29. Its decimal value is 3257942.

Hex triplet	31b656	`#31b656`
RGB Decimal	49, 182, 86	`rgb(49,182,86)`
RGB Percent	19.2, 71.4, 33.7	`rgb(19.2%,71.4%,33.7%)`
CMYK	73, 0, 53, 29
HSL	136.7°, 57.6, 45.3	`hsl(136.7,57.6%,45.3%)`
HSV (or HSB)	136.7°, 73.1, 71.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.576, -55.856, 38.563
XYZ	19.673, 34.779, 14.48
xyY	0.285, 0.505, 34.779
CIE-LCH	65.576, 67.874, 145.379
CIE-LUV	65.576, -53.942, 57.04
Hunter-Lab	58.974, -43.658, 26.724
Binary	00110001, 10110110, 01010110

#31b656
```
#31b656 rgb(49,182,86)
```
#b63191
```
#b63191 rgb(182,49,145)
```

Complementary Color

#4fb631
```
#4fb631 rgb(79,182,49)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#31b699
```
#31b699 rgb(49,182,153)
```

Analogous Color

#b6314f
```
#b6314f rgb(182,49,79)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#9931b6
```
#9931b6 rgb(153,49,182)
```

Split Complementary Color

#b65631
```
#b65631 rgb(182,86,49)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#5631b6
```
#5631b6 rgb(86,49,182)
```

Triadic Color

#91b631
```
#91b631 rgb(145,182,49)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#5631b6
```
#5631b6 rgb(86,49,182)
```
#b63191
```
#b63191 rgb(182,49,145)
```

Tetradic Color

#217a3a
```
#217a3a rgb(33,122,58)
```
#268e43
```
#268e43 rgb(38,142,67)
```
#2ca24d
```
#2ca24d rgb(44,162,77)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#37c960
```
#37c960 rgb(55,201,96)
```
#4bcf70
```
#4bcf70 rgb(75,207,112)
```
#5fd480
```
#5fd480 rgb(95,212,128)
```

Monochromatic Color

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

#31b635
```
#31b635 rgb(49,182,53)
```
#31b640
```
#31b640 rgb(49,182,64)
```
#31b64b
```
#31b64b rgb(49,182,75)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#31b661
```
#31b661 rgb(49,182,97)
```
#31b66c
```
#31b66c rgb(49,182,108)
```
#31b677
```
#31b677 rgb(49,182,119)
```

Similar Colors

Text with hexadecimal color #31b656

This text has a font color of #31b656.

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

#31b656 background color

This paragraph has a background color of #31b656.

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

#31b656 border color

This element has a border color of #31b656.

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

CSS codes

.text {color:#31b656;}

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

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

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, #030c06 is the darkest color, while #fcfefc is the lightest one.

#030c06
```
#030c06 rgb(3,12,6)
```
#071b0d
```
#071b0d rgb(7,27,13)
```
#0c2b14
```
#0c2b14 rgb(12,43,20)
```
#103a1c
```
#103a1c rgb(16,58,28)
```
#144a23
```
#144a23 rgb(20,74,35)
```
#18592a
```
#18592a rgb(24,89,42)
```
#1c6931
```
#1c6931 rgb(28,105,49)
```
#207839
```
#207839 rgb(32,120,57)
```
#258840
```
#258840 rgb(37,136,64)
```
#299747
```
#299747 rgb(41,151,71)
```
#2da74f
```
#2da74f rgb(45,167,79)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#35c55d
```
#35c55d rgb(53,197,93)
```

Shade Color Variation

#42cc68
```
#42cc68 rgb(66,204,104)
```
#52d075
```
#52d075 rgb(82,208,117)
```
#61d481
```
#61d481 rgb(97,212,129)
```
#70d98d
```
#70d98d rgb(112,217,141)
```
#80dd9a
```
#80dd9a rgb(128,221,154)
```
#8fe1a6
```
#8fe1a6 rgb(143,225,166)
```
#9fe5b2
```
#9fe5b2 rgb(159,229,178)
```
#aee9bf
```
#aee9bf rgb(174,233,191)
```
#beedcb
```
#beedcb rgb(190,237,203)
```
#cdf2d7
```
#cdf2d7 rgb(205,242,215)
```
#ddf6e4
```
#ddf6e4 rgb(221,246,228)
```
#ecfaf0
```
#ecfaf0 rgb(236,250,240)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7872 is the less saturated color, while #05e242 is the most saturated one.

#6f7872
```
#6f7872 rgb(111,120,114)
```
#66816e
```
#66816e rgb(102,129,110)
```
#5d8a6a
```
#5d8a6a rgb(93,138,106)
```
#559266
```
#559266 rgb(85,146,102)
```
#4c9b62
```
#4c9b62 rgb(76,155,98)
```
#43a45e
```
#43a45e rgb(67,164,94)
```
#3aad5a
```
#3aad5a rgb(58,173,90)
```
#31b656
```
#31b656 rgb(49,182,86)
```
#28bf52
```
#28bf52 rgb(40,191,82)
```
#1fc84e
```
#1fc84e rgb(31,200,78)
```
#16d14a
```
#16d14a rgb(22,209,74)
```
#0dda46
```
#0dda46 rgb(13,218,70)
```
#05e242
```
#05e242 rgb(5,226,66)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#738d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a457 Protanopia 1% of men
#c59d69 Deuteranopia 1% of men
#61afbc Tritanopia 0.001% of the population

Trichromacy

#84aa57 Protanomaly 1% of men, 0.01% of women
#8fa662 Deuteranomaly 6% of men, 0.4% of women
#4fb197 Tritanomaly 0.01% of the population

#31b656 hex color

#31b656 Color Information

#31b656 Color Conversion

Color Schemes with #31b656

Alternatives to #31b656

#31b656 Preview

Shades and Tints of #31b656

Tones of #31b656

Color Blindness Simulator