#31a550 hex color

In a RGB color space, hex #31a550 is composed of 19.2% red, 64.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 51.5% yellow and 35.3% black. It has a hue angle of 136 degrees, a saturation of 54.2% and a lightness of 42%. #31a550 color hex could be obtained by blending #62ffa0 with #004b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #31a550 has RGB values of R:49, G:165, B:80 and CMYK values of C:0.7, M:0, Y:0.52, K:0.35. Its decimal value is 3253584.

Hex triplet	31a550	`#31a550`
RGB Decimal	49, 165, 80	`rgb(49,165,80)`
RGB Percent	19.2, 64.7, 31.4	`rgb(19.2%,64.7%,31.4%)`
CMYK	70, 0, 52, 35
HSL	136°, 54.2, 42	`hsl(136,54.2%,42%)`
HSV (or HSB)	136°, 70.3, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.016, -50.61, 34.725
XYZ	16.169, 28.141, 12.169
xyY	0.286, 0.498, 28.141
CIE-LCH	60.016, 61.378, 145.545
CIE-LUV	60.016, -48.077, 50.79
Hunter-Lab	53.048, -38.428, 23.533
Binary	00110001, 10100101, 01010000

#31a550
```
#31a550 rgb(49,165,80)
```
#a53186
```
#a53186 rgb(165,49,134)
```

Complementary Color

#4ca531
```
#4ca531 rgb(76,165,49)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#31a58a
```
#31a58a rgb(49,165,138)
```

Analogous Color

#a5314c
```
#a5314c rgb(165,49,76)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#8a31a5
```
#8a31a5 rgb(138,49,165)
```

Split Complementary Color

#a55031
```
#a55031 rgb(165,80,49)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#5031a5
```
#5031a5 rgb(80,49,165)
```

Triadic Color

#86a531
```
#86a531 rgb(134,165,49)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#5031a5
```
#5031a5 rgb(80,49,165)
```
#a53186
```
#a53186 rgb(165,49,134)
```

Tetradic Color

#1f6a33
```
#1f6a33 rgb(31,106,51)
```
#257e3d
```
#257e3d rgb(37,126,61)
```
#2b9146
```
#2b9146 rgb(43,145,70)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#37b95a
```
#37b95a rgb(55,185,90)
```
#42c766
```
#42c766 rgb(66,199,102)
```
#56cd76
```
#56cd76 rgb(86,205,118)
```

Monochromatic Color

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

#31a533
```
#31a533 rgb(49,165,51)
```
#31a53d
```
#31a53d rgb(49,165,61)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#31a55a
```
#31a55a rgb(49,165,90)
```
#31a563
```
#31a563 rgb(49,165,99)
```
#31a56d
```
#31a56d rgb(49,165,109)
```

Similar Colors

Text with hexadecimal color #31a550

This text has a font color of #31a550.

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

#31a550 background color

This paragraph has a background color of #31a550.

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

#31a550 border color

This element has a border color of #31a550.

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

CSS codes

.text {color:#31a550;}

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

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

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

#040e07
```
#040e07 rgb(4,14,7)
```
#091d0e
```
#091d0e rgb(9,29,14)
```
#0d2c15
```
#0d2c15 rgb(13,44,21)
```
#123b1d
```
#123b1d rgb(18,59,29)
```
#164a24
```
#164a24 rgb(22,74,36)
```
#1b592b
```
#1b592b rgb(27,89,43)
```
#1f6933
```
#1f6933 rgb(31,105,51)
```
#24783a
```
#24783a rgb(36,120,58)
```
#288741
```
#288741 rgb(40,135,65)
```
#2d9649
```
#2d9649 rgb(45,150,73)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#35b457
```
#35b457 rgb(53,180,87)
```
#3ac35f
```
#3ac35f rgb(58,195,95)
```

Shade Color Variation

#48c96b
```
#48c96b rgb(72,201,107)
```
#57cd77
```
#57cd77 rgb(87,205,119)
```
#66d283
```
#66d283 rgb(102,210,131)
```
#76d68f
```
#76d68f rgb(118,214,143)
```
#85db9c
```
#85db9c rgb(133,219,156)
```
#94dfa8
```
#94dfa8 rgb(148,223,168)
```
#a3e4b4
```
#a3e4b4 rgb(163,228,180)
```
#b2e8c0
```
#b2e8c0 rgb(178,232,192)
```
#c1edcd
```
#c1edcd rgb(193,237,205)
```
#d0f1d9
```
#d0f1d9 rgb(208,241,217)
```
#dff6e5
```
#dff6e5 rgb(223,246,229)
```
#effaf2
```
#effaf2 rgb(239,250,242)
```
#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 #08ce3d is the most saturated one.

#6b6b6b
```
#6b6b6b rgb(107,107,107)
```
#627467
```
#627467 rgb(98,116,103)
```
#5a7c63
```
#5a7c63 rgb(90,124,99)
```
#52845f
```
#52845f rgb(82,132,95)
```
#4a8c5b
```
#4a8c5b rgb(74,140,91)
```
#419558
```
#419558 rgb(65,149,88)
```
#399d54
```
#399d54 rgb(57,157,84)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#29ad4c
```
#29ad4c rgb(41,173,76)
```
#21b548
```
#21b548 rgb(33,181,72)
```
#18be45
```
#18be45 rgb(24,190,69)
```
#10c641
```
#10c641 rgb(16,198,65)
```
#08ce3d
```
#08ce3d rgb(8,206,61)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b8271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59652 Protanopia 1% of men
#b49062 Deuteranopia 1% of men
#5ba0ac Tritanopia 0.001% of the population

Trichromacy

#7a9b51 Protanomaly 1% of men, 0.01% of women
#84975b Deuteranomaly 6% of men, 0.4% of women
#4ba28a Tritanomaly 0.01% of the population

#31a550 hex color

#31a550 Color Information

#31a550 Color Conversion

Color Schemes with #31a550

Alternatives to #31a550

#31a550 Preview

Shades and Tints of #31a550

Tones of #31a550

Color Blindness Simulator