colorhexa.com

#31b349 hex color

In a RGB color space, hex #31b349 is composed of 19.2% red, 70.2% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 59.2% yellow and 29.8% black. It has a hue angle of 131.1 degrees, a saturation of 57% and a lightness of 44.7%. #31b349 color hex could be obtained by blending #62ff92 with #006700. Closest websafe color is: #33cc33.

- R 19
- G 70
- B 29
RGB color chart
- C 73
- M 0
- Y 59
- K 30
CMYK color chart

● #31b349 color description : Moderate lime green.

The hexadecimal color #31b349 has RGB values of R:49, G:179, B:73 and CMYK values of C:0.73, M:0, Y:0.59, K:0.3. Its decimal value is 3257161.

Hex triplet	31b349	`#31b349`
RGB Decimal	49, 179, 73	`rgb(49,179,73)`
RGB Percent	19.2, 70.2, 28.6	`rgb(19.2%,70.2%,28.6%)`
CMYK	73, 0, 59, 30
HSL	131.1°, 57, 44.7	`hsl(131.1,57%,44.7%)`
HSV (or HSB)	131.1°, 72.6, 70.2
Web Safe	33cc33	`#33cc33`

CIE-LAB	64.461, -56.59, 43.468
XYZ	18.588, 33.372, 11.765
xyY	0.292, 0.524, 33.372
CIE-LCH	64.461, 71.357, 142.472
CIE-LUV	64.461, -53.416, 61.472
Hunter-Lab	57.769, -43.66, 28.364
Binary	00110001, 10110011, 01001001

#31b349
```
#31b349 rgb(49,179,73)
```
#b3319b
```
#b3319b rgb(179,49,155)
```

Complementary Color

#5ab331
```
#5ab331 rgb(90,179,49)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#31b38a
```
#31b38a rgb(49,179,138)
```

Analogous Color

#b3315a
```
#b3315a rgb(179,49,90)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#8a31b3
```
#8a31b3 rgb(138,49,179)
```

Split Complementary Color

#b34931
```
#b34931 rgb(179,73,49)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#4931b3
```
#4931b3 rgb(73,49,179)
```

Triadic Color

#9bb331
```
#9bb331 rgb(155,179,49)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#4931b3
```
#4931b3 rgb(73,49,179)
```
#b3319b
```
#b3319b rgb(179,49,155)
```

Tetradic Color

#217731
```
#217731 rgb(33,119,49)
```
#268b39
```
#268b39 rgb(38,139,57)
```
#2c9f41
```
#2c9f41 rgb(44,159,65)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#36c751
```
#36c751 rgb(54,199,81)
```
#4acd62
```
#4acd62 rgb(74,205,98)
```
#5ed373
```
#5ed373 rgb(94,211,115)
```

Monochromatic Color

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

#39b331
```
#39b331 rgb(57,179,49)
```
#31b333
```
#31b333 rgb(49,179,51)
```
#31b33e
```
#31b33e rgb(49,179,62)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#31b354
```
#31b354 rgb(49,179,84)
```
#31b35f
```
#31b35f rgb(49,179,95)
```
#31b36a
```
#31b36a rgb(49,179,106)
```

Similar Colors

Text with hexadecimal color #31b349

This text has a font color of #31b349.

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

#31b349 background color

This paragraph has a background color of #31b349.

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

#31b349 border color

This element has a border color of #31b349.

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

CSS codes

.text {color:#31b349;}

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

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

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

#030a04
```
#030a04 rgb(3,10,4)
```
#07190a
```
#07190a rgb(7,25,10)
```
#0b2810
```
#0b2810 rgb(11,40,16)
```
#0f3817
```
#0f3817 rgb(15,56,23)
```
#13471d
```
#13471d rgb(19,71,29)
```
#185723
```
#185723 rgb(24,87,35)
```
#1c662a
```
#1c662a rgb(28,102,42)
```
#207530
```
#207530 rgb(32,117,48)
```
#248536
```
#248536 rgb(36,133,54)
```
#29943c
```
#29943c rgb(41,148,60)
```
#2da443
```
#2da443 rgb(45,164,67)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#35c24f
```
#35c24f rgb(53,194,79)
```

Shade Color Variation

#40cb5a
```
#40cb5a rgb(64,203,90)
```
#50cf67
```
#50cf67 rgb(80,207,103)
```
#5fd375
```
#5fd375 rgb(95,211,117)
```
#6fd782
```
#6fd782 rgb(111,215,130)
```
#7edc8f
```
#7edc8f rgb(126,220,143)
```
#8de09d
```
#8de09d rgb(141,224,157)
```
#9de4aa
```
#9de4aa rgb(157,228,170)
```
#ace8b7
```
#ace8b7 rgb(172,232,183)
```
#bcedc5
```
#bcedc5 rgb(188,237,197)
```
#cbf1d2
```
#cbf1d2 rgb(203,241,210)
```
#daf5df
```
#daf5df rgb(218,245,223)
```
#eaf9ed
```
#eaf9ed rgb(234,249,237)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#6e7670
```
#6e7670 rgb(110,118,112)
```
#667e6a
```
#667e6a rgb(102,126,106)
```
#5d8765
```
#5d8765 rgb(93,135,101)
```
#54905f
```
#54905f rgb(84,144,95)
```
#4b995a
```
#4b995a rgb(75,153,90)
```
#43a154
```
#43a154 rgb(67,161,84)
```
#3aaa4f
```
#3aaa4f rgb(58,170,79)
```
#31b349
```
#31b349 rgb(49,179,73)
```
#28bc43
```
#28bc43 rgb(40,188,67)
```
#1fc53e
```
#1fc53e rgb(31,197,62)
```
#17cd38
```
#17cd38 rgb(23,205,56)
```
#0ed633
```
#0ed633 rgb(14,214,51)
```
#05df2d
```
#05df2d rgb(5,223,45)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a14b Protanopia 1% of men
#c39a5d Deuteranopia 1% of men
#61acb8 Tritanopia 0.001% of the population

Trichromacy

#83a74a Protanomaly 1% of men, 0.01% of women
#8ea355 Deuteranomaly 6% of men, 0.4% of women
#50ae90 Tritanomaly 0.01% of the population