#31aa50 hex color

In a RGB color space, hex #31aa50 is composed of 19.2% red, 66.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 0% magenta, 52.9% yellow and 33.3% black. It has a hue angle of 135.4 degrees, a saturation of 55.3% and a lightness of 42.9%. #31aa50 color hex could be obtained by blending #62ffa0 with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 67
- B 31
RGB color chart
- C 71
- M 0
- Y 53
- K 33
CMYK color chart

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

The hexadecimal color #31aa50 has RGB values of R:49, G:170, B:80 and CMYK values of C:0.71, M:0, Y:0.53, K:0.33. Its decimal value is 3254864.

Hex triplet	31aa50	`#31aa50`
RGB Decimal	49, 170, 80	`rgb(49,170,80)`
RGB Percent	19.2, 66.7, 31.4	`rgb(19.2%,66.7%,31.4%)`
CMYK	71, 0, 53, 33
HSL	135.4°, 55.3, 42.9	`hsl(135.4,55.3%,42.9%)`
HSV (or HSB)	135.4°, 71.2, 66.7
Web Safe	339966	`#339966`

CIE-LAB	61.637, -52.442, 36.718
XYZ	17.088, 29.98, 12.475
xyY	0.287, 0.503, 29.98
CIE-LCH	61.637, 64.019, 145.002
CIE-LUV	61.637, -49.901, 53.521
Hunter-Lab	54.754, -40.111, 24.819
Binary	00110001, 10101010, 01010000

#31aa50
```
#31aa50 rgb(49,170,80)
```
#aa318b
```
#aa318b rgb(170,49,139)
```

Complementary Color

#4faa31
```
#4faa31 rgb(79,170,49)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#31aa8d
```
#31aa8d rgb(49,170,141)
```

Analogous Color

#aa314f
```
#aa314f rgb(170,49,79)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#8d31aa
```
#8d31aa rgb(141,49,170)
```

Split Complementary Color

#aa5031
```
#aa5031 rgb(170,80,49)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#5031aa
```
#5031aa rgb(80,49,170)
```

Triadic Color

#8baa31
```
#8baa31 rgb(139,170,49)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#5031aa
```
#5031aa rgb(80,49,170)
```
#aa318b
```
#aa318b rgb(170,49,139)
```

Tetradic Color

#206f34
```
#206f34 rgb(32,111,52)
```
#26823d
```
#26823d rgb(38,130,61)
```
#2b9647
```
#2b9647 rgb(43,150,71)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#37be59
```
#37be59 rgb(55,190,89)
```
#45c967
```
#45c967 rgb(69,201,103)
```
#58cf77
```
#58cf77 rgb(88,207,119)
```

Monochromatic Color

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

#31aa32
```
#31aa32 rgb(49,170,50)
```
#31aa3c
```
#31aa3c rgb(49,170,60)
```
#31aa46
```
#31aa46 rgb(49,170,70)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#31aa5a
```
#31aa5a rgb(49,170,90)
```
#31aa64
```
#31aa64 rgb(49,170,100)
```
#31aa6e
```
#31aa6e rgb(49,170,110)
```

Similar Colors

Text with hexadecimal color #31aa50

This text has a font color of #31aa50.

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

#31aa50 background color

This paragraph has a background color of #31aa50.

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

#31aa50 border color

This element has a border color of #31aa50.

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

CSS codes

.text {color:#31aa50;}

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

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

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, #010301 is the darkest color, while #f2fbf5 is the lightest one.

#010301
```
#010301 rgb(1,3,1)
```
#051208
```
#051208 rgb(5,18,8)
```
#0a2110
```
#0a2110 rgb(10,33,16)
```
#0e3017
```
#0e3017 rgb(14,48,23)
```
#123f1e
```
#123f1e rgb(18,63,30)
```
#174f25
```
#174f25 rgb(23,79,37)
```
#1b5e2c
```
#1b5e2c rgb(27,94,44)
```
#1f6d33
```
#1f6d33 rgb(31,109,51)
```
#247c3b
```
#247c3b rgb(36,124,59)
```
#288c42
```
#288c42 rgb(40,140,66)
```
#2d9b49
```
#2d9b49 rgb(45,155,73)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#35b957
```
#35b957 rgb(53,185,87)
```

Shade Color Variation

#3cc75f
```
#3cc75f rgb(60,199,95)
```
#4bcb6c
```
#4bcb6c rgb(75,203,108)
```
#5acf78
```
#5acf78 rgb(90,207,120)
```
#69d485
```
#69d485 rgb(105,212,133)
```
#78d891
```
#78d891 rgb(120,216,145)
```
#88dd9d
```
#88dd9d rgb(136,221,157)
```
#97e1aa
```
#97e1aa rgb(151,225,170)
```
#a6e5b6
```
#a6e5b6 rgb(166,229,182)
```
#b5eac3
```
#b5eac3 rgb(181,234,195)
```
#c5eecf
```
#c5eecf rgb(197,238,207)
```
#d4f3dc
```
#d4f3dc rgb(212,243,220)
```
#e3f7e8
```
#e3f7e8 rgb(227,247,232)
```
#f2fbf5
```
#f2fbf5 rgb(242,251,245)
```

Tint Color Variation

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

#6c6f6d
```
#6c6f6d rgb(108,111,109)
```
#647769
```
#647769 rgb(100,119,105)
```
#5b8065
```
#5b8065 rgb(91,128,101)
```
#538860
```
#538860 rgb(83,136,96)
```
#4a915c
```
#4a915c rgb(74,145,92)
```
#429958
```
#429958 rgb(66,153,88)
```
#39a254
```
#39a254 rgb(57,162,84)
```
#31aa50
```
#31aa50 rgb(49,170,80)
```
#29b24c
```
#29b24c rgb(41,178,76)
```
#20bb48
```
#20bb48 rgb(32,187,72)
```
#18c344
```
#18c344 rgb(24,195,68)
```
#0fcc40
```
#0fcc40 rgb(15,204,64)
```
#07d43b
```
#07d43b rgb(7,212,59)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d8573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99a52 Protanopia 1% of men
#b99362 Deuteranopia 1% of men
#5da4b0 Tritanopia 0.001% of the population

Trichromacy

#7da051 Protanomaly 1% of men, 0.01% of women
#879b5b Deuteranomaly 6% of men, 0.4% of women
#4da68d Tritanomaly 0.01% of the population

#31aa50 hex color

#31aa50 Color Information

#31aa50 Color Conversion

Color Schemes with #31aa50

Alternatives to #31aa50

#31aa50 Preview

Shades and Tints of #31aa50

Tones of #31aa50

Color Blindness Simulator