#31a079 hex color

In a RGB color space, hex #31a079 is composed of 19.2% red, 62.7% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 0% magenta, 24.4% yellow and 37.3% black. It has a hue angle of 158.9 degrees, a saturation of 53.1% and a lightness of 41%. #31a079 color hex could be obtained by blending #62fff2 with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 63
- B 47
RGB color chart
- C 69
- M 0
- Y 24
- K 37
CMYK color chart

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

The hexadecimal color #31a079 has RGB values of R:49, G:160, B:121 and CMYK values of C:0.69, M:0, Y:0.24, K:0.37. Its decimal value is 3252345.

Hex triplet	31a079	`#31a079`
RGB Decimal	49, 160, 121	`rgb(49,160,121)`
RGB Percent	19.2, 62.7, 47.5	`rgb(19.2%,62.7%,47.5%)`
CMYK	69, 0, 24, 37
HSL	158.9°, 53.1, 41	`hsl(158.9,53.1%,41%)`
HSV (or HSB)	158.9°, 69.4, 62.7
Web Safe	339966	`#339966`

CIE-LAB	59.135, -40.565, 11.437
XYZ	17.287, 27.173, 22.422
xyY	0.258, 0.406, 27.173
CIE-LCH	59.135, 42.146, 164.254
CIE-LUV	59.135, -44.078, 21.973
Hunter-Lab	52.128, -32.028, 10.987
Binary	00110001, 10100000, 01111001

#31a079
```
#31a079 rgb(49,160,121)
```
#a03158
```
#a03158 rgb(160,49,88)
```

Complementary Color

#31a042
```
#31a042 rgb(49,160,66)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#3190a0
```
#3190a0 rgb(49,144,160)
```

Analogous Color

#a04231
```
#a04231 rgb(160,66,49)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#a03190
```
#a03190 rgb(160,49,144)
```

Split Complementary Color

#a07931
```
#a07931 rgb(160,121,49)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#7931a0
```
#7931a0 rgb(121,49,160)
```

Triadic Color

#58a031
```
#58a031 rgb(88,160,49)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#7931a0
```
#7931a0 rgb(121,49,160)
```
#a03158
```
#a03158 rgb(160,49,88)
```

Tetradic Color

#1f654d
```
#1f654d rgb(31,101,77)
```
#25795b
```
#25795b rgb(37,121,91)
```
#2b8c6a
```
#2b8c6a rgb(43,140,106)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#37b488
```
#37b488 rgb(55,180,136)
```
#40c496
```
#40c496 rgb(64,196,150)
```
#53caa0
```
#53caa0 rgb(83,202,160)
```

Monochromatic Color

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

#31a05d
```
#31a05d rgb(49,160,93)
```
#31a067
```
#31a067 rgb(49,160,103)
```
#31a070
```
#31a070 rgb(49,160,112)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#31a082
```
#31a082 rgb(49,160,130)
```
#31a08c
```
#31a08c rgb(49,160,140)
```
#31a095
```
#31a095 rgb(49,160,149)
```

Similar Colors

Text with hexadecimal color #31a079

This text has a font color of #31a079.

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

#31a079 background color

This paragraph has a background color of #31a079.

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

#31a079 border color

This element has a border color of #31a079.

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

CSS codes

.text {color:#31a079;}

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

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

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

#030a07
```
#030a07 rgb(3,10,7)
```
#081913
```
#081913 rgb(8,25,19)
```
#0c281e
```
#0c281e rgb(12,40,30)
```
#11372a
```
#11372a rgb(17,55,42)
```
#154635
```
#154635 rgb(21,70,53)
```
#1a5540
```
#1a5540 rgb(26,85,64)
```
#1f644c
```
#1f644c rgb(31,100,76)
```
#237357
```
#237357 rgb(35,115,87)
```
#288262
```
#288262 rgb(40,130,98)
```
#2c916e
```
#2c916e rgb(44,145,110)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#36af84
```
#36af84 rgb(54,175,132)
```
#3abe90
```
#3abe90 rgb(58,190,144)
```

Shade Color Variation

#46c699
```
#46c699 rgb(70,198,153)
```
#55cba1
```
#55cba1 rgb(85,203,161)
```
#64cfaa
```
#64cfaa rgb(100,207,170)
```
#73d4b2
```
#73d4b2 rgb(115,212,178)
```
#82d9ba
```
#82d9ba rgb(130,217,186)
```
#91ddc2
```
#91ddc2 rgb(145,221,194)
```
#a0e2cb
```
#a0e2cb rgb(160,226,203)
```
#afe6d3
```
#afe6d3 rgb(175,230,211)
```
#beebdb
```
#beebdb rgb(190,235,219)
```
#cdf0e3
```
#cdf0e3 rgb(205,240,227)
```
#dcf4ec
```
#dcf4ec rgb(220,244,236)
```
#ebf9f4
```
#ebf9f4 rgb(235,249,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#61706b
```
#61706b rgb(97,112,107)
```
#59786d
```
#59786d rgb(89,120,109)
```
#51806f
```
#51806f rgb(81,128,111)
```
#498872
```
#498872 rgb(73,136,114)
```
#419074
```
#419074 rgb(65,144,116)
```
#399877
```
#399877 rgb(57,152,119)
```
#31a079
```
#31a079 rgb(49,160,121)
```
#29a87b
```
#29a87b rgb(41,168,123)
```
#21b07e
```
#21b07e rgb(33,176,126)
```
#19b880
```
#19b880 rgb(25,184,128)
```
#11c083
```
#11c083 rgb(17,192,131)
```
#09c885
```
#09c885 rgb(9,200,133)
```
#01d087
```
#01d087 rgb(1,208,135)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b827a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9378 Protanopia 1% of men
#a68f87 Deuteranopia 1% of men
#519faa Tritanopia 0.001% of the population

Trichromacy

#759878 Protanomaly 1% of men, 0.01% of women
#7b9582 Deuteranomaly 6% of men, 0.4% of women
#459f98 Tritanomaly 0.01% of the population

#31a079 hex color

#31a079 Color Information

#31a079 Color Conversion

Color Schemes with #31a079

Alternatives to #31a079

#31a079 Preview

Shades and Tints of #31a079

Tones of #31a079

Color Blindness Simulator