colorhexa.com

#31a02d hex color

In a RGB color space, hex #31a02d is composed of 19.2% red, 62.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 0% magenta, 71.9% yellow and 37.3% black. It has a hue angle of 117.9 degrees, a saturation of 56.1% and a lightness of 40.2%. #31a02d color hex could be obtained by blending #62ff5a with #004100. Closest websafe color is: #339933.

- R 19
- G 63
- B 18
RGB color chart
- C 69
- M 0
- Y 72
- K 37
CMYK color chart

● #31a02d color description : Dark lime green.

The hexadecimal color #31a02d has RGB values of R:49, G:160, B:45 and CMYK values of C:0.69, M:0, Y:0.72, K:0.37. Its decimal value is 3252269.

Hex triplet	31a02d	`#31a02d`
RGB Decimal	49, 160, 45	`rgb(49,160,45)`
RGB Percent	19.2, 62.7, 17.6	`rgb(19.2%,62.7%,17.6%)`
CMYK	69, 0, 72, 37
HSL	117.9°, 56.1, 40.2	`hsl(117.9,56.1%,40.2%)`
HSV (or HSB)	117.9°, 71.9, 62.7
Web Safe	339933	`#339933`

CIE-LAB	58.021, -53.059, 48.492
XYZ	14.31, 25.983, 6.743
xyY	0.304, 0.552, 25.983
CIE-LCH	58.021, 71.88, 137.575
CIE-LUV	58.021, -47.463, 62.467
Hunter-Lab	50.973, -39.091, 27.838
Binary	00110001, 10100000, 00101101

#31a02d
```
#31a02d rgb(49,160,45)
```
#9c2da0
```
#9c2da0 rgb(156,45,160)
```

Complementary Color

#6ba02d
```
#6ba02d rgb(107,160,45)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#2da063
```
#2da063 rgb(45,160,99)
```

Analogous Color

#a02d6b
```
#a02d6b rgb(160,45,107)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#632da0
```
#632da0 rgb(99,45,160)
```

Split Complementary Color

#a02d31
```
#a02d31 rgb(160,45,49)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#2d31a0
```
#2d31a0 rgb(45,49,160)
```

Triadic Color

#a09c2d
```
#a09c2d rgb(160,156,45)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#2d31a0
```
#2d31a0 rgb(45,49,160)
```
#9c2da0
```
#9c2da0 rgb(156,45,160)
```

Tetradic Color

#1f641c
```
#1f641c rgb(31,100,28)
```
#257822
```
#257822 rgb(37,120,34)
```
#2b8c27
```
#2b8c27 rgb(43,140,39)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#37b433
```
#37b433 rgb(55,180,51)
```
#3ec739
```
#3ec739 rgb(62,199,57)
```
#51cd4d
```
#51cd4d rgb(81,205,77)
```

Monochromatic Color

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

#4ea02d
```
#4ea02d rgb(78,160,45)
```
#44a02d
```
#44a02d rgb(68,160,45)
```
#3ba02d
```
#3ba02d rgb(59,160,45)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#2da033
```
#2da033 rgb(45,160,51)
```
#2da03c
```
#2da03c rgb(45,160,60)
```
#2da046
```
#2da046 rgb(45,160,70)
```

Similar Colors

Text with hexadecimal color #31a02d

This text has a font color of #31a02d.

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

#31a02d background color

This paragraph has a background color of #31a02d.

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

#31a02d border color

This element has a border color of #31a02d.

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

CSS codes

.text {color:#31a02d;}

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

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

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

#020702
```
#020702 rgb(2,7,2)
```
#071606
```
#071606 rgb(7,22,6)
```
#0b260b
```
#0b260b rgb(11,38,11)
```
#10350f
```
#10350f rgb(16,53,15)
```
#154413
```
#154413 rgb(21,68,19)
```
#1a5317
```
#1a5317 rgb(26,83,23)
```
#1e631c
```
#1e631c rgb(30,99,28)
```
#237220
```
#237220 rgb(35,114,32)
```
#288124
```
#288124 rgb(40,129,36)
```
#2c9129
```
#2c9129 rgb(44,145,41)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#36af31
```
#36af31 rgb(54,175,49)
```
#3abf36
```
#3abf36 rgb(58,191,54)
```

Shade Color Variation

#44c93f
```
#44c93f rgb(68,201,63)
```
#53cd4e
```
#53cd4e rgb(83,205,78)
```
#62d25d
```
#62d25d rgb(98,210,93)
```
#70d66d
```
#70d66d rgb(112,214,109)
```
#7fda7c
```
#7fda7c rgb(127,218,124)
```
#8ede8b
```
#8ede8b rgb(142,222,139)
```
#9de39b
```
#9de39b rgb(157,227,155)
```
#ace7aa
```
#ace7aa rgb(172,231,170)
```
#bbebb9
```
#bbebb9 rgb(187,235,185)
```
#caf0c9
```
#caf0c9 rgb(202,240,201)
```
#d9f4d8
```
#d9f4d8 rgb(217,244,216)
```
#e8f8e7
```
#e8f8e7 rgb(232,248,231)
```
#f7fdf7
```
#f7fdf7 rgb(247,253,247)
```

Tint Color Variation

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

#646964
```
#646964 rgb(100,105,100)
```
#5d715c
```
#5d715c rgb(93,113,92)
```
#567954
```
#567954 rgb(86,121,84)
```
#4e804d
```
#4e804d rgb(78,128,77)
```
#478845
```
#478845 rgb(71,136,69)
```
#40903d
```
#40903d rgb(64,144,61)
```
#389835
```
#389835 rgb(56,152,53)
```
#31a02d
```
#31a02d rgb(49,160,45)
```
#2aa825
```
#2aa825 rgb(42,168,37)
```
#22b01d
```
#22b01d rgb(34,176,29)
```
#1bb815
```
#1bb815 rgb(27,184,21)
```
#14c00d
```
#14c00d rgb(20,192,13)
```
#0cc706
```
#0cc706 rgb(12,199,6)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#657b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29132 Protanopia 1% of men
#b28a43 Deuteranopia 1% of men
#5c9aa5 Tritanopia 0.001% of the population

Trichromacy

#789630 Protanomaly 1% of men, 0.01% of women
#83923b Deuteranomaly 6% of men, 0.4% of women
#4c9c79 Tritanomaly 0.01% of the population