colorhexa.com

#31a13f hex color

In a RGB color space, hex #31a13f is composed of 19.2% red, 63.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 60.9% yellow and 36.9% black. It has a hue angle of 127.5 degrees, a saturation of 53.3% and a lightness of 41.2%. #31a13f color hex could be obtained by blending #62ff7e with #004300. Closest websafe color is: #339933.

- R 19
- G 63
- B 25
RGB color chart
- C 70
- M 0
- Y 61
- K 37
CMYK color chart

● #31a13f color description : Dark moderate lime green.

The hexadecimal color #31a13f has RGB values of R:49, G:161, B:63 and CMYK values of C:0.7, M:0, Y:0.61, K:0.37. Its decimal value is 3252543.

Hex triplet	31a13f	`#31a13f`
RGB Decimal	49, 161, 63	`rgb(49,161,63)`
RGB Percent	19.2, 63.1, 24.7	`rgb(19.2%,63.1%,24.7%)`
CMYK	70, 0, 61, 37
HSL	127.5°, 53.3, 41.2	`hsl(127.5,53.3%,41.2%)`
HSV (or HSB)	127.5°, 69.6, 63.1
Web Safe	339933	`#339933`

CIE-LAB	58.509, -51.512, 41.24
XYZ	14.908, 26.5, 9.032
xyY	0.296, 0.525, 26.5
CIE-LCH	58.509, 65.986, 141.32
CIE-LUV	58.509, -47.281, 56.531
Hunter-Lab	51.478, -38.394, 25.633
Binary	00110001, 10100001, 00111111

#31a13f
```
#31a13f rgb(49,161,63)
```
#a13193
```
#a13193 rgb(161,49,147)
```

Complementary Color

#5ba131
```
#5ba131 rgb(91,161,49)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#31a177
```
#31a177 rgb(49,161,119)
```

Analogous Color

#a1315b
```
#a1315b rgb(161,49,91)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#7731a1
```
#7731a1 rgb(119,49,161)
```

Split Complementary Color

#a13f31
```
#a13f31 rgb(161,63,49)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#3f31a1
```
#3f31a1 rgb(63,49,161)
```

Triadic Color

#93a131
```
#93a131 rgb(147,161,49)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#3f31a1
```
#3f31a1 rgb(63,49,161)
```
#a13193
```
#a13193 rgb(161,49,147)
```

Tetradic Color

#1f6628
```
#1f6628 rgb(31,102,40)
```
#257a30
```
#257a30 rgb(37,122,48)
```
#2b8d37
```
#2b8d37 rgb(43,141,55)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#37b547
```
#37b547 rgb(55,181,71)
```
#40c551
```
#40c551 rgb(64,197,81)
```
#54cb63
```
#54cb63 rgb(84,203,99)
```

Monochromatic Color

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

#3fa131
```
#3fa131 rgb(63,161,49)
```
#36a131
```
#36a131 rgb(54,161,49)
```
#31a136
```
#31a136 rgb(49,161,54)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#31a148
```
#31a148 rgb(49,161,72)
```
#31a152
```
#31a152 rgb(49,161,82)
```
#31a15b
```
#31a15b rgb(49,161,91)
```

Similar Colors

Text with hexadecimal color #31a13f

This text has a font color of #31a13f.

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

#31a13f background color

This paragraph has a background color of #31a13f.

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

#31a13f border color

This element has a border color of #31a13f.

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

CSS codes

.text {color:#31a13f;}

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

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

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

#030b04
```
#030b04 rgb(3,11,4)
```
#081a0a
```
#081a0a rgb(8,26,10)
```
#0c2910
```
#0c2910 rgb(12,41,16)
```
#113816
```
#113816 rgb(17,56,22)
```
#16471c
```
#16471c rgb(22,71,28)
```
#1a5622
```
#1a5622 rgb(26,86,34)
```
#1f6527
```
#1f6527 rgb(31,101,39)
```
#23742d
```
#23742d rgb(35,116,45)
```
#288333
```
#288333 rgb(40,131,51)
```
#2c9239
```
#2c9239 rgb(44,146,57)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#36b045
```
#36b045 rgb(54,176,69)
```
#3abf4b
```
#3abf4b rgb(58,191,75)
```

Shade Color Variation

#46c756
```
#46c756 rgb(70,199,86)
```
#55cb64
```
#55cb64 rgb(85,203,100)
```
#64d072
```
#64d072 rgb(100,208,114)
```
#73d47f
```
#73d47f rgb(115,212,127)
```
#82d98d
```
#82d98d rgb(130,217,141)
```
#91de9b
```
#91de9b rgb(145,222,155)
```
#a0e2a9
```
#a0e2a9 rgb(160,226,169)
```
#afe7b6
```
#afe7b6 rgb(175,231,182)
```
#beebc4
```
#beebc4 rgb(190,235,196)
```
#cdf0d2
```
#cdf0d2 rgb(205,240,210)
```
#ddf5e0
```
#ddf5e0 rgb(221,245,224)
```
#ecf9ed
```
#ecf9ed rgb(236,249,237)
```
#fbfefb
```
#fbfefb rgb(251,254,251)
```

Tint Color Variation

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

#617163
```
#617163 rgb(97,113,99)
```
#59795d
```
#59795d rgb(89,121,93)
```
#518157
```
#518157 rgb(81,129,87)
```
#498951
```
#498951 rgb(73,137,81)
```
#41914b
```
#41914b rgb(65,145,75)
```
#399945
```
#399945 rgb(57,153,69)
```
#31a13f
```
#31a13f rgb(49,161,63)
```
#29a939
```
#29a939 rgb(41,169,57)
```
#21b133
```
#21b133 rgb(33,177,51)
```
#19b92d
```
#19b92d rgb(25,185,45)
```
#11c127
```
#11c127 rgb(17,193,39)
```
#09c921
```
#09c921 rgb(9,201,33)
```
#01d11b
```
#01d11b rgb(1,209,27)
```

Tone Color Variation

Below, you can see how #31a13f 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
#677d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29243 Protanopia 1% of men
#b28c52 Deuteranopia 1% of men
#5b9ca7 Tritanopia 0.001% of the population

Trichromacy

#799741 Protanomaly 1% of men, 0.01% of women
#83934b Deuteranomaly 6% of men, 0.4% of women
#4c9d81 Tritanomaly 0.01% of the population