#31a628 hex color

In a RGB color space, hex #31a628 is composed of 19.2% red, 65.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 75.9% yellow and 34.9% black. It has a hue angle of 115.7 degrees, a saturation of 61.2% and a lightness of 40.4%. #31a628 color hex could be obtained by blending #62ff50 with #004d00. Closest websafe color is: #339933.

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

● #31a628 color description : Dark lime green.

The hexadecimal color #31a628 has RGB values of R:49, G:166, B:40 and CMYK values of C:0.7, M:0, Y:0.76, K:0.35. Its decimal value is 3253800.

Hex triplet	31a628	`#31a628`
RGB Decimal	49, 166, 40	`rgb(49,166,40)`
RGB Percent	19.2, 65.1, 15.7	`rgb(19.2%,65.1%,15.7%)`
CMYK	70, 0, 76, 35
HSL	115.7°, 61.2, 40.4	`hsl(115.7,61.2%,40.4%)`
HSV (or HSB)	115.7°, 75.9, 65.1
Web Safe	339933	`#339933`

CIE-LAB	59.958, -55.505, 52.314
XYZ	15.285, 28.077, 6.621
xyY	0.306, 0.562, 28.077
CIE-LCH	59.958, 76.273, 136.695
CIE-LUV	59.958, -49.769, 66.602
Hunter-Lab	52.988, -41.238, 29.683
Binary	00110001, 10100110, 00101000

#31a628
```
#31a628 rgb(49,166,40)
```
#9d28a6
```
#9d28a6 rgb(157,40,166)
```

Complementary Color

#70a628
```
#70a628 rgb(112,166,40)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#28a65e
```
#28a65e rgb(40,166,94)
```

Analogous Color

#a62870
```
#a62870 rgb(166,40,112)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#5e28a6
```
#5e28a6 rgb(94,40,166)
```

Split Complementary Color

#a62831
```
#a62831 rgb(166,40,49)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#2831a6
```
#2831a6 rgb(40,49,166)
```

Triadic Color

#a69d28
```
#a69d28 rgb(166,157,40)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#2831a6
```
#2831a6 rgb(40,49,166)
```
#9d28a6
```
#9d28a6 rgb(157,40,166)
```

Tetradic Color

#1f6819
```
#1f6819 rgb(31,104,25)
```
#257d1e
```
#257d1e rgb(37,125,30)
```
#2b9123
```
#2b9123 rgb(43,145,35)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#37bb2d
```
#37bb2d rgb(55,187,45)
```
#3ece33
```
#3ece33 rgb(62,206,51)
```
#52d348
```
#52d348 rgb(82,211,72)
```

Monochromatic Color

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

#51a628
```
#51a628 rgb(81,166,40)
```
#46a628
```
#46a628 rgb(70,166,40)
```
#3ba628
```
#3ba628 rgb(59,166,40)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#28a62a
```
#28a62a rgb(40,166,42)
```
#28a634
```
#28a634 rgb(40,166,52)
```
#28a63f
```
#28a63f rgb(40,166,63)
```

Similar Colors

Text with hexadecimal color #31a628

This text has a font color of #31a628.

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

#31a628 background color

This paragraph has a background color of #31a628.

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

#31a628 border color

This element has a border color of #31a628.

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

CSS codes

.text {color:#31a628;}

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

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

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

#020802
```
#020802 rgb(2,8,2)
```
#071806
```
#071806 rgb(7,24,6)
```
#0c280a
```
#0c280a rgb(12,40,10)
```
#10370d
```
#10370d rgb(16,55,13)
```
#154711
```
#154711 rgb(21,71,17)
```
#1a5715
```
#1a5715 rgb(26,87,21)
```
#1e6719
```
#1e6719 rgb(30,103,25)
```
#23771d
```
#23771d rgb(35,119,29)
```
#288620
```
#288620 rgb(40,134,32)
```
#2c9624
```
#2c9624 rgb(44,150,36)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#36b62c
```
#36b62c rgb(54,182,44)
```
#3ac630
```
#3ac630 rgb(58,198,48)
```

Shade Color Variation

#44cf39
```
#44cf39 rgb(68,207,57)
```
#53d349
```
#53d349 rgb(83,211,73)
```
#62d759
```
#62d759 rgb(98,215,89)
```
#71db69
```
#71db69 rgb(113,219,105)
```
#80df79
```
#80df79 rgb(128,223,121)
```
#8fe288
```
#8fe288 rgb(143,226,136)
```
#9ee698
```
#9ee698 rgb(158,230,152)
```
#adeaa8
```
#adeaa8 rgb(173,234,168)
```
#bceeb8
```
#bceeb8 rgb(188,238,184)
```
#cbf2c8
```
#cbf2c8 rgb(203,242,200)
```
#daf5d8
```
#daf5d8 rgb(218,245,216)
```
#e9f9e7
```
#e9f9e7 rgb(233,249,231)
```
#f8fdf7
```
#f8fdf7 rgb(248,253,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616f5f is the less saturated color, while #0fce00 is the most saturated one.

#616f5f
```
#616f5f rgb(97,111,95)
```
#5a7658
```
#5a7658 rgb(90,118,88)
```
#537e50
```
#537e50 rgb(83,126,80)
```
#4c8648
```
#4c8648 rgb(76,134,72)
```
#458e40
```
#458e40 rgb(69,142,64)
```
#3f9638
```
#3f9638 rgb(63,150,56)
```
#389e30
```
#389e30 rgb(56,158,48)
```
#31a628
```
#31a628 rgb(49,166,40)
```
#2aae20
```
#2aae20 rgb(42,174,32)
```
#23b618
```
#23b618 rgb(35,182,24)
```
#1dbe10
```
#1dbe10 rgb(29,190,16)
```
#16c608
```
#16c608 rgb(22,198,8)
```
#0fce00
```
#0fce00 rgb(15,206,0)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7962d Protanopia 1% of men
#b98f40 Deuteranopia 1% of men
#5f9fab Tritanopia 0.001% of the population

Trichromacy

#7c9c2b Protanomaly 1% of men, 0.01% of women
#879737 Deuteranomaly 6% of men, 0.4% of women
#4ea27b Tritanomaly 0.01% of the population

#31a628 hex color

#31a628 Color Information

#31a628 Color Conversion

Color Schemes with #31a628

Alternatives to #31a628

#31a628 Preview

Shades and Tints of #31a628

Tones of #31a628

Color Blindness Simulator