#31a226 hex color

In a RGB color space, hex #31a226 is composed of 19.2% red, 63.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 0% magenta, 76.5% yellow and 36.5% black. It has a hue angle of 114.7 degrees, a saturation of 62% and a lightness of 39.2%. #31a226 color hex could be obtained by blending #62ff4c with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 64
- B 15
RGB color chart
- C 70
- M 0
- Y 77
- K 36
CMYK color chart

● #31a226 color description : Dark lime green.

The hexadecimal color #31a226 has RGB values of R:49, G:162, B:38 and CMYK values of C:0.7, M:0, Y:0.77, K:0.36. Its decimal value is 3252774.

Hex triplet	31a226	`#31a226`
RGB Decimal	49, 162, 38	`rgb(49,162,38)`
RGB Percent	19.2, 63.5, 14.9	`rgb(19.2%,63.5%,14.9%)`
CMYK	70, 0, 77, 36
HSL	114.7°, 62, 39.2	`hsl(114.7,62%,39.2%)`
HSV (or HSB)	114.7°, 76.5, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.632, -54.305, 51.699
XYZ	14.536, 26.632, 6.208
xyY	0.307, 0.562, 26.632
CIE-LCH	58.632, 74.979, 136.408
CIE-LUV	58.632, -48.36, 65.304
Hunter-Lab	51.606, -40.033, 28.992
Binary	00110001, 10100010, 00100110

#31a226
```
#31a226 rgb(49,162,38)
```
#9726a2
```
#9726a2 rgb(151,38,162)
```

Complementary Color

#6fa226
```
#6fa226 rgb(111,162,38)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#26a259
```
#26a259 rgb(38,162,89)
```

Analogous Color

#a2266f
```
#a2266f rgb(162,38,111)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#5926a2
```
#5926a2 rgb(89,38,162)
```

Split Complementary Color

#a22631
```
#a22631 rgb(162,38,49)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#2631a2
```
#2631a2 rgb(38,49,162)
```

Triadic Color

#a29726
```
#a29726 rgb(162,151,38)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#2631a2
```
#2631a2 rgb(38,49,162)
```
#9726a2
```
#9726a2 rgb(151,38,162)
```

Tetradic Color

#1e6417
```
#1e6417 rgb(30,100,23)
```
#25791c
```
#25791c rgb(37,121,28)
```
#2b8d21
```
#2b8d21 rgb(43,141,33)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#37b72b
```
#37b72b rgb(55,183,43)
```
#3dcb30
```
#3dcb30 rgb(61,203,48)
```
#4fd342
```
#4fd342 rgb(79,211,66)
```

Monochromatic Color

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

#50a226
```
#50a226 rgb(80,162,38)
```
#46a226
```
#46a226 rgb(70,162,38)
```
#3ba226
```
#3ba226 rgb(59,162,38)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#27a226
```
#27a226 rgb(39,162,38)
```
#26a230
```
#26a230 rgb(38,162,48)
```
#26a23a
```
#26a23a rgb(38,162,58)
```

Similar Colors

Text with hexadecimal color #31a226

This text has a font color of #31a226.

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

#31a226 background color

This paragraph has a background color of #31a226.

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

#31a226 border color

This element has a border color of #31a226.

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

CSS codes

.text {color:#31a226;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#061304
```
#061304 rgb(6,19,4)
```
#0b2308
```
#0b2308 rgb(11,35,8)
```
#0f330c
```
#0f330c rgb(15,51,12)
```
#144310
```
#144310 rgb(20,67,16)
```
#195313
```
#195313 rgb(25,83,19)
```
#1e6217
```
#1e6217 rgb(30,98,23)
```
#23721b
```
#23721b rgb(35,114,27)
```
#27821f
```
#27821f rgb(39,130,31)
```
#2c9222
```
#2c9222 rgb(44,146,34)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#36b22a
```
#36b22a rgb(54,178,42)
```
#3bc22d
```
#3bc22d rgb(59,194,45)
```

Shade Color Variation

#41cf34
```
#41cf34 rgb(65,207,52)
```
#50d343
```
#50d343 rgb(80,211,67)
```
#5fd753
```
#5fd753 rgb(95,215,83)
```
#6eda63
```
#6eda63 rgb(110,218,99)
```
#7dde73
```
#7dde73 rgb(125,222,115)
```
#8be283
```
#8be283 rgb(139,226,131)
```
#9ae693
```
#9ae693 rgb(154,230,147)
```
#a9e9a3
```
#a9e9a3 rgb(169,233,163)
```
#b8edb3
```
#b8edb3 rgb(184,237,179)
```
#c7f1c3
```
#c7f1c3 rgb(199,241,195)
```
#d5f5d2
```
#d5f5d2 rgb(213,245,210)
```
#e4f8e2
```
#e4f8e2 rgb(228,248,226)
```
#f3fcf2
```
#f3fcf2 rgb(243,252,242)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#5d6c5c
```
#5d6c5c rgb(93,108,92)
```
#577454
```
#577454 rgb(87,116,84)
```
#517c4c
```
#517c4c rgb(81,124,76)
```
#4a8345
```
#4a8345 rgb(74,131,69)
```
#448b3d
```
#448b3d rgb(68,139,61)
```
#3e9335
```
#3e9335 rgb(62,147,53)
```
#379a2e
```
#379a2e rgb(55,154,46)
```
#31a226
```
#31a226 rgb(49,162,38)
```
#2baa1e
```
#2baa1e rgb(43,170,30)
```
#24b117
```
#24b117 rgb(36,177,23)
```
#1eb90f
```
#1eb90f rgb(30,185,15)
```
#18c107
```
#18c107 rgb(24,193,7)
```

Tone Color Variation

Below, you can see how #31a226 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
#657c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932c Protanopia 1% of men
#b58c3e Deuteranopia 1% of men
#5e9ca7 Tritanopia 0.001% of the population

Trichromacy

#7a9829 Protanomaly 1% of men, 0.01% of women
#859435 Deuteranomaly 6% of men, 0.4% of women
#4d9e78 Tritanomaly 0.01% of the population

#31a226 hex color

#31a226 Color Information

#31a226 Color Conversion

Color Schemes with #31a226

Alternatives to #31a226

#31a226 Preview

Shades and Tints of #31a226

Tones of #31a226

Color Blindness Simulator