#31a525 hex color

In a RGB color space, hex #31a525 is composed of 19.2% red, 64.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 77.6% yellow and 35.3% black. It has a hue angle of 114.4 degrees, a saturation of 63.4% and a lightness of 39.6%. #31a525 color hex could be obtained by blending #62ff4a with #004b00. Closest websafe color is: #339933.

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

● #31a525 color description : Dark lime green.

The hexadecimal color #31a525 has RGB values of R:49, G:165, B:37 and CMYK values of C:0.7, M:0, Y:0.78, K:0.35. Its decimal value is 3253541.

Hex triplet	31a525	`#31a525`
RGB Decimal	49, 165, 37	`rgb(49,165,37)`
RGB Percent	19.2, 64.7, 14.5	`rgb(19.2%,64.7%,14.5%)`
CMYK	70, 0, 78, 35
HSL	114.4°, 63.4, 39.6	`hsl(114.4,63.4%,39.6%)`
HSV (or HSB)	114.4°, 77.6, 64.7
Web Safe	339933	`#339933`

CIE-LAB	59.613, -55.385, 53.001
XYZ	15.055, 27.695, 6.302
xyY	0.307, 0.565, 27.695
CIE-LCH	59.613, 76.659, 136.26
CIE-LUV	59.613, -49.472, 66.894
Hunter-Lab	52.626, -41.032, 29.738
Binary	00110001, 10100101, 00100101

#31a525
```
#31a525 rgb(49,165,37)
```
#9925a5
```
#9925a5 rgb(153,37,165)
```

Complementary Color

#71a525
```
#71a525 rgb(113,165,37)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#25a559
```
#25a559 rgb(37,165,89)
```

Analogous Color

#a52571
```
#a52571 rgb(165,37,113)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#5925a5
```
#5925a5 rgb(89,37,165)
```

Split Complementary Color

#a52531
```
#a52531 rgb(165,37,49)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#2531a5
```
#2531a5 rgb(37,49,165)
```

Triadic Color

#a59925
```
#a59925 rgb(165,153,37)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#2531a5
```
#2531a5 rgb(37,49,165)
```
#9925a5
```
#9925a5 rgb(153,37,165)
```

Tetradic Color

#1e6717
```
#1e6717 rgb(30,103,23)
```
#257b1c
```
#257b1c rgb(37,123,28)
```
#2b9020
```
#2b9020 rgb(43,144,32)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#37ba2a
```
#37ba2a rgb(55,186,42)
```
#3dcf2e
```
#3dcf2e rgb(61,207,46)
```
#50d542
```
#50d542 rgb(80,213,66)
```

Monochromatic Color

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

#51a525
```
#51a525 rgb(81,165,37)
```
#46a525
```
#46a525 rgb(70,165,37)
```
#3ca525
```
#3ca525 rgb(60,165,37)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#26a525
```
#26a525 rgb(38,165,37)
```
#25a52e
```
#25a52e rgb(37,165,46)
```
#25a539
```
#25a539 rgb(37,165,57)
```

Similar Colors

Text with hexadecimal color #31a525

This text has a font color of #31a525.

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

#31a525 background color

This paragraph has a background color of #31a525.

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

#31a525 border color

This element has a border color of #31a525.

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

CSS codes

.text {color:#31a525;}

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

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

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

#010501
```
#010501 rgb(1,5,1)
```
#061505
```
#061505 rgb(6,21,5)
```
#0b2508
```
#0b2508 rgb(11,37,8)
```
#10350c
```
#10350c rgb(16,53,12)
```
#14450f
```
#14450f rgb(20,69,15)
```
#195513
```
#195513 rgb(25,85,19)
```
#1e6517
```
#1e6517 rgb(30,101,23)
```
#23751a
```
#23751a rgb(35,117,26)
```
#27851e
```
#27851e rgb(39,133,30)
```
#2c9521
```
#2c9521 rgb(44,149,33)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#36b529
```
#36b529 rgb(54,181,41)
```
#3bc52c
```
#3bc52c rgb(59,197,44)
```

Shade Color Variation

#42d133
```
#42d133 rgb(66,209,51)
```
#51d544
```
#51d544 rgb(81,213,68)
```
#60d954
```
#60d954 rgb(96,217,84)
```
#6fdc64
```
#6fdc64 rgb(111,220,100)
```
#7ee074
```
#7ee074 rgb(126,224,116)
```
#8de384
```
#8de384 rgb(141,227,132)
```
#9be794
```
#9be794 rgb(155,231,148)
```
#aaeba4
```
#aaeba4 rgb(170,235,164)
```
#b9eeb4
```
#b9eeb4 rgb(185,238,180)
```
#c8f2c4
```
#c8f2c4 rgb(200,242,196)
```
#d7f5d4
```
#d7f5d4 rgb(215,245,212)
```
#e6f9e4
```
#e6f9e4 rgb(230,249,228)
```
#f5fcf4
```
#f5fcf4 rgb(245,252,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646763 is the less saturated color, while #18c406 is the most saturated one.

#646763
```
#646763 rgb(100,103,99)
```
#5d6f5b
```
#5d6f5b rgb(93,111,91)
```
#577654
```
#577654 rgb(87,118,84)
```
#517e4c
```
#517e4c rgb(81,126,76)
```
#4a8644
```
#4a8644 rgb(74,134,68)
```
#448e3c
```
#448e3c rgb(68,142,60)
```
#3e9535
```
#3e9535 rgb(62,149,53)
```
#379d2d
```
#379d2d rgb(55,157,45)
```
#31a525
```
#31a525 rgb(49,165,37)
```
#2bad1d
```
#2bad1d rgb(43,173,29)
```
#24b515
```
#24b515 rgb(36,181,21)
```
#1ebc0e
```
#1ebc0e rgb(30,188,14)
```
#18c406
```
#18c406 rgb(24,196,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#677e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952b Protanopia 1% of men
#b88e3e Deuteranopia 1% of men
#5f9eaa Tritanopia 0.001% of the population

Trichromacy

#7c9b28 Protanomaly 1% of men, 0.01% of women
#879635 Deuteranomaly 6% of men, 0.4% of women
#4ea179 Tritanomaly 0.01% of the population

#31a525 hex color

#31a525 Color Information

#31a525 Color Conversion

Color Schemes with #31a525

Alternatives to #31a525

#31a525 Preview

Shades and Tints of #31a525

Tones of #31a525

Color Blindness Simulator