#31a546 hex color

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

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

● #31a546 color description : Dark lime green.

The hexadecimal color #31a546 has RGB values of R:49, G:165, B:70 and CMYK values of C:0.7, M:0, Y:0.58, K:0.35. Its decimal value is 3253574.

Hex triplet	31a546	`#31a546`
RGB Decimal	49, 165, 70	`rgb(49,165,70)`
RGB Percent	19.2, 64.7, 27.5	`rgb(19.2%,64.7%,27.5%)`
CMYK	70, 0, 58, 35
HSL	130.9°, 54.2, 42	`hsl(130.9,54.2%,42%)`
HSV (or HSB)	130.9°, 70.3, 64.7
Web Safe	339933	`#339933`

CIE-LAB	59.892, -52.047, 39.528
XYZ	15.826, 28.004, 10.365
xyY	0.292, 0.517, 28.004
CIE-LCH	59.892, 65.356, 142.785
CIE-LUV	59.892, -48.489, 55.573
Hunter-Lab	52.919, -39.224, 25.43
Binary	00110001, 10100101, 01000110

#31a546
```
#31a546 rgb(49,165,70)
```
#a53190
```
#a53190 rgb(165,49,144)
```

Complementary Color

#56a531
```
#56a531 rgb(86,165,49)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#31a580
```
#31a580 rgb(49,165,128)
```

Analogous Color

#a53156
```
#a53156 rgb(165,49,86)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#8031a5
```
#8031a5 rgb(128,49,165)
```

Split Complementary Color

#a54631
```
#a54631 rgb(165,70,49)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#4631a5
```
#4631a5 rgb(70,49,165)
```

Triadic Color

#90a531
```
#90a531 rgb(144,165,49)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#4631a5
```
#4631a5 rgb(70,49,165)
```
#a53190
```
#a53190 rgb(165,49,144)
```

Tetradic Color

#1f6a2d
```
#1f6a2d rgb(31,106,45)
```
#257e35
```
#257e35 rgb(37,126,53)
```
#2b913e
```
#2b913e rgb(43,145,62)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#37b94e
```
#37b94e rgb(55,185,78)
```
#42c75a
```
#42c75a rgb(66,199,90)
```
#56cd6b
```
#56cd6b rgb(86,205,107)
```

Monochromatic Color

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

#39a531
```
#39a531 rgb(57,165,49)
```
#31a533
```
#31a533 rgb(49,165,51)
```
#31a53c
```
#31a53c rgb(49,165,60)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#31a550
```
#31a550 rgb(49,165,80)
```
#31a559
```
#31a559 rgb(49,165,89)
```
#31a563
```
#31a563 rgb(49,165,99)
```

Similar Colors

Text with hexadecimal color #31a546

This text has a font color of #31a546.

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

#31a546 background color

This paragraph has a background color of #31a546.

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

#31a546 border color

This element has a border color of #31a546.

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

CSS codes

.text {color:#31a546;}

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

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

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

#040e06
```
#040e06 rgb(4,14,6)
```
#091d0c
```
#091d0c rgb(9,29,12)
```
#0d2c13
```
#0d2c13 rgb(13,44,19)
```
#123b19
```
#123b19 rgb(18,59,25)
```
#164a20
```
#164a20 rgb(22,74,32)
```
#1b5926
```
#1b5926 rgb(27,89,38)
```
#1f692c
```
#1f692c rgb(31,105,44)
```
#247833
```
#247833 rgb(36,120,51)
```
#288739
```
#288739 rgb(40,135,57)
```
#2d9640
```
#2d9640 rgb(45,150,64)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#35b44c
```
#35b44c rgb(53,180,76)
```
#3ac353
```
#3ac353 rgb(58,195,83)
```

Shade Color Variation

#48c95f
```
#48c95f rgb(72,201,95)
```
#57cd6d
```
#57cd6d rgb(87,205,109)
```
#66d27a
```
#66d27a rgb(102,210,122)
```
#76d687
```
#76d687 rgb(118,214,135)
```
#85db94
```
#85db94 rgb(133,219,148)
```
#94dfa1
```
#94dfa1 rgb(148,223,161)
```
#a3e4af
```
#a3e4af rgb(163,228,175)
```
#b2e8bc
```
#b2e8bc rgb(178,232,188)
```
#c1edc9
```
#c1edc9 rgb(193,237,201)
```
#d0f1d6
```
#d0f1d6 rgb(208,241,214)
```
#dff6e3
```
#dff6e3 rgb(223,246,227)
```
#effaf1
```
#effaf1 rgb(239,250,241)
```
#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 #08ce2c is the most saturated one.

#6b6b6b
```
#6b6b6b rgb(107,107,107)
```
#627466
```
#627466 rgb(98,116,102)
```
#5a7c60
```
#5a7c60 rgb(90,124,96)
```
#52845b
```
#52845b rgb(82,132,91)
```
#4a8c56
```
#4a8c56 rgb(74,140,86)
```
#419551
```
#419551 rgb(65,149,81)
```
#399d4b
```
#399d4b rgb(57,157,75)
```
#31a546
```
#31a546 rgb(49,165,70)
```
#29ad41
```
#29ad41 rgb(41,173,65)
```
#21b53b
```
#21b53b rgb(33,181,59)
```
#18be36
```
#18be36 rgb(24,190,54)
```
#10c631
```
#10c631 rgb(16,198,49)
```
#08ce2c
```
#08ce2c rgb(8,206,44)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#69806d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59649 Protanopia 1% of men
#b58f59 Deuteranopia 1% of men
#5c9fab Tritanopia 0.001% of the population

Trichromacy

#7b9b48 Protanomaly 1% of men, 0.01% of women
#859752 Deuteranomaly 6% of men, 0.4% of women
#4ca186 Tritanomaly 0.01% of the population

#31a546 hex color

#31a546 Color Information

#31a546 Color Conversion

Color Schemes with #31a546

Alternatives to #31a546

#31a546 Preview

Shades and Tints of #31a546

Tones of #31a546

Color Blindness Simulator