#31a159 hex color

In a RGB color space, hex #31a159 is composed of 19.2% red, 63.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 44.7% yellow and 36.9% black. It has a hue angle of 141.4 degrees, a saturation of 53.3% and a lightness of 41.2%. #31a159 color hex could be obtained by blending #62ffb2 with #004300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 63
- B 35
RGB color chart
- C 70
- M 0
- Y 45
- K 37
CMYK color chart

● #31a159 color description : Dark moderate cyan - lime green.

The hexadecimal color #31a159 has RGB values of R:49, G:161, B:89 and CMYK values of C:0.7, M:0, Y:0.45, K:0.37. Its decimal value is 3252569.

Hex triplet	31a159	`#31a159`
RGB Decimal	49, 161, 89	`rgb(49,161,89)`
RGB Percent	19.2, 63.1, 34.9	`rgb(19.2%,63.1%,34.9%)`
CMYK	70, 0, 45, 37
HSL	141.4°, 53.3, 41.2	`hsl(141.4,53.3%,41.2%)`
HSV (or HSB)	141.4°, 69.6, 63.1
Web Safe	339966	`#339966`

CIE-LAB	58.847, -47.615, 28.579
XYZ	15.814, 26.863, 13.802
xyY	0.28, 0.476, 26.863
CIE-LCH	58.847, 55.533, 149.028
CIE-LUV	58.847, -46.189, 43.647
Hunter-Lab	51.829, -36.238, 20.491
Binary	00110001, 10100001, 01011001

#31a159
```
#31a159 rgb(49,161,89)
```
#a13179
```
#a13179 rgb(161,49,121)
```

Complementary Color

#41a131
```
#41a131 rgb(65,161,49)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#31a191
```
#31a191 rgb(49,161,145)
```

Analogous Color

#a13141
```
#a13141 rgb(161,49,65)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#9131a1
```
#9131a1 rgb(145,49,161)
```

Split Complementary Color

#a15931
```
#a15931 rgb(161,89,49)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#5931a1
```
#5931a1 rgb(89,49,161)
```

Triadic Color

#79a131
```
#79a131 rgb(121,161,49)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#5931a1
```
#5931a1 rgb(89,49,161)
```
#a13179
```
#a13179 rgb(161,49,121)
```

Tetradic Color

#1f6639
```
#1f6639 rgb(31,102,57)
```
#257a43
```
#257a43 rgb(37,122,67)
```
#2b8d4e
```
#2b8d4e rgb(43,141,78)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#37b564
```
#37b564 rgb(55,181,100)
```
#40c570
```
#40c570 rgb(64,197,112)
```
#54cb7e
```
#54cb7e rgb(84,203,126)
```

Monochromatic Color

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

#31a13d
```
#31a13d rgb(49,161,61)
```
#31a146
```
#31a146 rgb(49,161,70)
```
#31a150
```
#31a150 rgb(49,161,80)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#31a162
```
#31a162 rgb(49,161,98)
```
#31a16c
```
#31a16c rgb(49,161,108)
```
#31a175
```
#31a175 rgb(49,161,117)
```

Similar Colors

Text with hexadecimal color #31a159

This text has a font color of #31a159.

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

#31a159 background color

This paragraph has a background color of #31a159.

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

#31a159 border color

This element has a border color of #31a159.

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

CSS codes

.text {color:#31a159;}

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

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

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

#030b06
```
#030b06 rgb(3,11,6)
```
#081a0e
```
#081a0e rgb(8,26,14)
```
#0c2916
```
#0c2916 rgb(12,41,22)
```
#11381f
```
#11381f rgb(17,56,31)
```
#164727
```
#164727 rgb(22,71,39)
```
#1a562f
```
#1a562f rgb(26,86,47)
```
#1f6538
```
#1f6538 rgb(31,101,56)
```
#237440
```
#237440 rgb(35,116,64)
```
#288348
```
#288348 rgb(40,131,72)
```
#2c9251
```
#2c9251 rgb(44,146,81)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#36b061
```
#36b061 rgb(54,176,97)
```
#3abf6a
```
#3abf6a rgb(58,191,106)
```

Shade Color Variation

#46c774
```
#46c774 rgb(70,199,116)
```
#55cb7f
```
#55cb7f rgb(85,203,127)
```
#64d08b
```
#64d08b rgb(100,208,139)
```
#73d496
```
#73d496 rgb(115,212,150)
```
#82d9a1
```
#82d9a1 rgb(130,217,161)
```
#91dead
```
#91dead rgb(145,222,173)
```
#a0e2b8
```
#a0e2b8 rgb(160,226,184)
```
#afe7c3
```
#afe7c3 rgb(175,231,195)
```
#beebce
```
#beebce rgb(190,235,206)
```
#cdf0da
```
#cdf0da rgb(205,240,218)
```
#ddf5e5
```
#ddf5e5 rgb(221,245,229)
```
#ecf9f0
```
#ecf9f0 rgb(236,249,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#617167
```
#617167 rgb(97,113,103)
```
#597965
```
#597965 rgb(89,121,101)
```
#518162
```
#518162 rgb(81,129,98)
```
#498960
```
#498960 rgb(73,137,96)
```
#41915e
```
#41915e rgb(65,145,94)
```
#39995b
```
#39995b rgb(57,153,91)
```
#31a159
```
#31a159 rgb(49,161,89)
```
#29a957
```
#29a957 rgb(41,169,87)
```
#21b154
```
#21b154 rgb(33,177,84)
```
#19b952
```
#19b952 rgb(25,185,82)
```
#11c150
```
#11c150 rgb(17,193,80)
```
#09c94d
```
#09c94d rgb(9,201,77)
```
#01d14b
```
#01d14b rgb(1,209,75)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#697f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0935a Protanopia 1% of men
#ae8d6a Deuteranopia 1% of men
#589da8 Tritanopia 0.001% of the population

Trichromacy

#78985a Protanomaly 1% of men, 0.01% of women
#809463 Deuteranomaly 6% of men, 0.4% of women
#4a9e8b Tritanomaly 0.01% of the population

#31a159 hex color

#31a159 Color Information

#31a159 Color Conversion

Color Schemes with #31a159

Alternatives to #31a159

#31a159 Preview

Shades and Tints of #31a159

Tones of #31a159

Color Blindness Simulator