#31a16d hex color

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

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

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

The hexadecimal color #31a16d has RGB values of R:49, G:161, B:109 and CMYK values of C:0.7, M:0, Y:0.32, K:0.37. Its decimal value is 3252589.

Hex triplet	31a16d	`#31a16d`
RGB Decimal	49, 161, 109	`rgb(49,161,109)`
RGB Percent	19.2, 63.1, 42.7	`rgb(19.2%,63.1%,42.7%)`
CMYK	70, 0, 32, 37
HSL	152.1°, 53.3, 41.2	`hsl(152.1,53.3%,41.2%)`
HSV (or HSB)	152.1°, 69.6, 63.1
Web Safe	339966	`#339966`

CIE-LAB	59.201, -43.701, 18.205
XYZ	16.771, 27.245, 18.842
xyY	0.267, 0.433, 27.245
CIE-LCH	59.201, 47.341, 157.385
CIE-LUV	59.201, -45.144, 31.106
Hunter-Lab	52.197, -33.994, 15.135
Binary	00110001, 10100001, 01101101

#31a16d
```
#31a16d rgb(49,161,109)
```
#a13165
```
#a13165 rgb(161,49,101)
```

Complementary Color

#31a135
```
#31a135 rgb(49,161,53)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#319da1
```
#319da1 rgb(49,157,161)
```

Analogous Color

#a13531
```
#a13531 rgb(161,53,49)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#a1319d
```
#a1319d rgb(161,49,157)
```

Split Complementary Color

#a16d31
```
#a16d31 rgb(161,109,49)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#6d31a1
```
#6d31a1 rgb(109,49,161)
```

Triadic Color

#65a131
```
#65a131 rgb(101,161,49)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#6d31a1
```
#6d31a1 rgb(109,49,161)
```
#a13165
```
#a13165 rgb(161,49,101)
```

Tetradic Color

#1f6645
```
#1f6645 rgb(31,102,69)
```
#257a53
```
#257a53 rgb(37,122,83)
```
#2b8d60
```
#2b8d60 rgb(43,141,96)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#37b57a
```
#37b57a rgb(55,181,122)
```
#40c587
```
#40c587 rgb(64,197,135)
```
#54cb94
```
#54cb94 rgb(84,203,148)
```

Monochromatic Color

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

#31a151
```
#31a151 rgb(49,161,81)
```
#31a15a
```
#31a15a rgb(49,161,90)
```
#31a164
```
#31a164 rgb(49,161,100)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#31a176
```
#31a176 rgb(49,161,118)
```
#31a180
```
#31a180 rgb(49,161,128)
```
#31a189
```
#31a189 rgb(49,161,137)
```

Similar Colors

Text with hexadecimal color #31a16d

This text has a font color of #31a16d.

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

#31a16d background color

This paragraph has a background color of #31a16d.

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

#31a16d border color

This element has a border color of #31a16d.

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

CSS codes

.text {color:#31a16d;}

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

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

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

#030b07
```
#030b07 rgb(3,11,7)
```
#081a11
```
#081a11 rgb(8,26,17)
```
#0c291c
```
#0c291c rgb(12,41,28)
```
#113826
```
#113826 rgb(17,56,38)
```
#164730
```
#164730 rgb(22,71,48)
```
#1a563a
```
#1a563a rgb(26,86,58)
```
#1f6544
```
#1f6544 rgb(31,101,68)
```
#23744e
```
#23744e rgb(35,116,78)
```
#288359
```
#288359 rgb(40,131,89)
```
#2c9263
```
#2c9263 rgb(44,146,99)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#36b077
```
#36b077 rgb(54,176,119)
```
#3abf81
```
#3abf81 rgb(58,191,129)
```

Shade Color Variation

#46c78b
```
#46c78b rgb(70,199,139)
```
#55cb94
```
#55cb94 rgb(85,203,148)
```
#64d09e
```
#64d09e rgb(100,208,158)
```
#73d4a7
```
#73d4a7 rgb(115,212,167)
```
#82d9b1
```
#82d9b1 rgb(130,217,177)
```
#91deba
```
#91deba rgb(145,222,186)
```
#a0e2c4
```
#a0e2c4 rgb(160,226,196)
```
#afe7cd
```
#afe7cd rgb(175,231,205)
```
#beebd6
```
#beebd6 rgb(190,235,214)
```
#cdf0e0
```
#cdf0e0 rgb(205,240,224)
```
#ddf5e9
```
#ddf5e9 rgb(221,245,233)
```
#ecf9f3
```
#ecf9f3 rgb(236,249,243)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#61716a
```
#61716a rgb(97,113,106)
```
#59796a
```
#59796a rgb(89,121,106)
```
#51816b
```
#51816b rgb(81,129,107)
```
#49896b
```
#49896b rgb(73,137,107)
```
#41916c
```
#41916c rgb(65,145,108)
```
#39996c
```
#39996c rgb(57,153,108)
```
#31a16d
```
#31a16d rgb(49,161,109)
```
#29a96e
```
#29a96e rgb(41,169,110)
```
#21b16e
```
#21b16e rgb(33,177,110)
```
#19b96f
```
#19b96f rgb(25,185,111)
```
#11c16f
```
#11c16f rgb(17,193,111)
```
#09c970
```
#09c970 rgb(9,201,112)
```
#01d170
```
#01d170 rgb(1,209,112)
```

Tone Color Variation

Below, you can see how #31a16d 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
#6b8277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f946d Protanopia 1% of men
#aa8f7c Deuteranopia 1% of men
#549eaa Tritanopia 0.001% of the population

Trichromacy

#77986d Protanomaly 1% of men, 0.01% of women
#7e9576 Deuteranomaly 6% of men, 0.4% of women
#479f94 Tritanomaly 0.01% of the population

#31a16d hex color

#31a16d Color Information

#31a16d Color Conversion

Color Schemes with #31a16d

Alternatives to #31a16d

#31a16d Preview

Shades and Tints of #31a16d

Tones of #31a16d

Color Blindness Simulator