#31a580 hex color

In a RGB color space, hex #31a580 is composed of 19.2% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 22.4% yellow and 35.3% black. It has a hue angle of 160.9 degrees, a saturation of 54.2% and a lightness of 42%. #31a580 color hex could be obtained by blending #62ffff with #004b01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 65
- B 50
RGB color chart
- C 70
- M 0
- Y 22
- K 35
CMYK color chart

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

The hexadecimal color #31a580 has RGB values of R:49, G:165, B:128 and CMYK values of C:0.7, M:0, Y:0.22, K:0.35. Its decimal value is 3253632.

Hex triplet	31a580	`#31a580`
RGB Decimal	49, 165, 128	`rgb(49,165,128)`
RGB Percent	19.2, 64.7, 50.2	`rgb(19.2%,64.7%,50.2%)`
CMYK	70, 0, 22, 35
HSL	160.9°, 54.2, 42	`hsl(160.9,54.2%,42%)`
HSV (or HSB)	160.9°, 70.3, 64.7
Web Safe	339999	`#339999`

CIE-LAB	60.887, -41.038, 9.998
XYZ	18.617, 29.12, 25.06
xyY	0.256, 0.4, 29.12
CIE-LCH	60.887, 42.238, 166.308
CIE-LUV	60.887, -45.51, 20.261
Hunter-Lab	53.963, -32.855, 10.24
Binary	00110001, 10100101, 10000000

#31a580
```
#31a580 rgb(49,165,128)
```
#a53156
```
#a53156 rgb(165,49,86)
```

Complementary Color

#31a546
```
#31a546 rgb(49,165,70)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#3190a5
```
#3190a5 rgb(49,144,165)
```

Analogous Color

#a54631
```
#a54631 rgb(165,70,49)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#a53190
```
#a53190 rgb(165,49,144)
```

Split Complementary Color

#a58031
```
#a58031 rgb(165,128,49)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#8031a5
```
#8031a5 rgb(128,49,165)
```

Triadic Color

#56a531
```
#56a531 rgb(86,165,49)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#8031a5
```
#8031a5 rgb(128,49,165)
```
#a53156
```
#a53156 rgb(165,49,86)
```

Tetradic Color

#1f6a52
```
#1f6a52 rgb(31,106,82)
```
#257e61
```
#257e61 rgb(37,126,97)
```
#2b9171
```
#2b9171 rgb(43,145,113)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#37b98f
```
#37b98f rgb(55,185,143)
```
#42c79d
```
#42c79d rgb(66,199,157)
```
#56cda7
```
#56cda7 rgb(86,205,167)
```

Monochromatic Color

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

#31a563
```
#31a563 rgb(49,165,99)
```
#31a56d
```
#31a56d rgb(49,165,109)
```
#31a576
```
#31a576 rgb(49,165,118)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#31a58a
```
#31a58a rgb(49,165,138)
```
#31a593
```
#31a593 rgb(49,165,147)
```
#31a59d
```
#31a59d rgb(49,165,157)
```

Similar Colors

Text with hexadecimal color #31a580

This text has a font color of #31a580.

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

#31a580 background color

This paragraph has a background color of #31a580.

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

#31a580 border color

This element has a border color of #31a580.

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

CSS codes

.text {color:#31a580;}

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

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

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, #040e0b is the darkest color, while #fefffe is the lightest one.

#040e0b
```
#040e0b rgb(4,14,11)
```
#091d16
```
#091d16 rgb(9,29,22)
```
#0d2c22
```
#0d2c22 rgb(13,44,34)
```
#123b2e
```
#123b2e rgb(18,59,46)
```
#164a3a
```
#164a3a rgb(22,74,58)
```
#1b5945
```
#1b5945 rgb(27,89,69)
```
#1f6951
```
#1f6951 rgb(31,105,81)
```
#24785d
```
#24785d rgb(36,120,93)
```
#288769
```
#288769 rgb(40,135,105)
```
#2d9674
```
#2d9674 rgb(45,150,116)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#35b48c
```
#35b48c rgb(53,180,140)
```
#3ac397
```
#3ac397 rgb(58,195,151)
```

Shade Color Variation

#48c9a0
```
#48c9a0 rgb(72,201,160)
```
#57cda8
```
#57cda8 rgb(87,205,168)
```
#66d2af
```
#66d2af rgb(102,210,175)
```
#76d6b7
```
#76d6b7 rgb(118,214,183)
```
#85dbbf
```
#85dbbf rgb(133,219,191)
```
#94dfc7
```
#94dfc7 rgb(148,223,199)
```
#a3e4cf
```
#a3e4cf rgb(163,228,207)
```
#b2e8d7
```
#b2e8d7 rgb(178,232,215)
```
#c1eddf
```
#c1eddf rgb(193,237,223)
```
#d0f1e7
```
#d0f1e7 rgb(208,241,231)
```
#dff6ef
```
#dff6ef rgb(223,246,239)
```
#effaf6
```
#effaf6 rgb(239,250,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#6b6b6b
```
#6b6b6b rgb(107,107,107)
```
#62746e
```
#62746e rgb(98,116,110)
```
#5a7c71
```
#5a7c71 rgb(90,124,113)
```
#528474
```
#528474 rgb(82,132,116)
```
#4a8c77
```
#4a8c77 rgb(74,140,119)
```
#41957a
```
#41957a rgb(65,149,122)
```
#399d7d
```
#399d7d rgb(57,157,125)
```
#31a580
```
#31a580 rgb(49,165,128)
```
#29ad83
```
#29ad83 rgb(41,173,131)
```
#21b586
```
#21b586 rgb(33,181,134)
```
#18be89
```
#18be89 rgb(24,190,137)
```
#10c68c
```
#10c68c rgb(16,198,140)
```
#08ce8f
```
#08ce8f rgb(8,206,143)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6f867e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1987e Protanopia 1% of men
#aa938e Deuteranopia 1% of men
#51a3af Tritanopia 0.001% of the population

Trichromacy

#789c7f Protanomaly 1% of men, 0.01% of women
#7e9989 Deuteranomaly 6% of men, 0.4% of women
#45a49e Tritanomaly 0.01% of the population

#31a580 hex color

#31a580 Color Information

#31a580 Color Conversion

Color Schemes with #31a580

Alternatives to #31a580

#31a580 Preview

Shades and Tints of #31a580

Tones of #31a580

Color Blindness Simulator