#31d228 hex color

In a RGB color space, hex #31d228 is composed of 19.2% red, 82.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 81% yellow and 17.6% black. It has a hue angle of 116.8 degrees, a saturation of 68% and a lightness of 49%. #31d228 color hex could be obtained by blending #62ff50 with #00a500. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 82
- B 16
RGB color chart
- C 77
- M 0
- Y 81
- K 18
CMYK color chart

● #31d228 color description : Strong lime green.

The hexadecimal color #31d228 has RGB values of R:49, G:210, B:40 and CMYK values of C:0.77, M:0, Y:0.81, K:0.18. Its decimal value is 3265064.

Hex triplet	31d228	`#31d228`
RGB Decimal	49, 210, 40	`rgb(49,210,40)`
RGB Percent	19.2, 82.4, 15.7	`rgb(19.2%,82.4%,15.7%)`
CMYK	77, 0, 81, 18
HSL	116.8°, 68, 49	`hsl(116.8,68%,49%)`
HSV (or HSB)	116.8°, 81, 82.4
Web Safe	33cc33	`#33cc33`

CIE-LAB	74.124, -69.414, 65.885
XYZ	24.695, 46.897, 9.758
xyY	0.304, 0.576, 46.897
CIE-LCH	74.124, 95.703, 136.494
CIE-LUV	74.124, -64.971, 85.676
Hunter-Lab	68.481, -55.474, 39.489
Binary	00110001, 11010010, 00101000

#31d228
```
#31d228 rgb(49,210,40)
```
#c928d2
```
#c928d2 rgb(201,40,210)
```

Complementary Color

#86d228
```
#86d228 rgb(134,210,40)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#28d274
```
#28d274 rgb(40,210,116)
```

Analogous Color

#d22886
```
#d22886 rgb(210,40,134)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#7428d2
```
#7428d2 rgb(116,40,210)
```

Split Complementary Color

#d22831
```
#d22831 rgb(210,40,49)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#2831d2
```
#2831d2 rgb(40,49,210)
```

Triadic Color

#d2c928
```
#d2c928 rgb(210,201,40)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#2831d2
```
#2831d2 rgb(40,49,210)
```
#c928d2
```
#c928d2 rgb(201,40,210)
```

Tetradic Color

#22921c
```
#22921c rgb(34,146,28)
```
#27a720
```
#27a720 rgb(39,167,32)
```
#2cbd24
```
#2cbd24 rgb(44,189,36)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#42d93a
```
#42d93a rgb(66,217,58)
```
#57de4f
```
#57de4f rgb(87,222,79)
```
#6be265
```
#6be265 rgb(107,226,101)
```

Monochromatic Color

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

#5cd228
```
#5cd228 rgb(92,210,40)
```
#4dd228
```
#4dd228 rgb(77,210,40)
```
#3fd228
```
#3fd228 rgb(63,210,40)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#28d22d
```
#28d22d rgb(40,210,45)
```
#28d23b
```
#28d23b rgb(40,210,59)
```
#28d24a
```
#28d24a rgb(40,210,74)
```

Similar Colors

Text with hexadecimal color #31d228

This text has a font color of #31d228.

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

#31d228 background color

This paragraph has a background color of #31d228.

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

#31d228 border color

This element has a border color of #31d228.

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

CSS codes

.text {color:#31d228;}

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

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

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

#030c02
```
#030c02 rgb(3,12,2)
```
#071d05
```
#071d05 rgb(7,29,5)
```
#0b2d09
```
#0b2d09 rgb(11,45,9)
```
#0e3e0c
```
#0e3e0c rgb(14,62,12)
```
#124e0f
```
#124e0f rgb(18,78,15)
```
#165f12
```
#165f12 rgb(22,95,18)
```
#1a6f15
```
#1a6f15 rgb(26,111,21)
```
#1e8018
```
#1e8018 rgb(30,128,24)
```
#22901b
```
#22901b rgb(34,144,27)
```
#25a11f
```
#25a11f rgb(37,161,31)
```
#29b122
```
#29b122 rgb(41,177,34)
```
#2dc225
```
#2dc225 rgb(45,194,37)
```
#31d228
```
#31d228 rgb(49,210,40)
```

Shade Color Variation

#3ed935
```
#3ed935 rgb(62,217,53)
```
#4edc46
```
#4edc46 rgb(78,220,70)
```
#5ddf56
```
#5ddf56 rgb(93,223,86)
```
#6de267
```
#6de267 rgb(109,226,103)
```
#7de577
```
#7de577 rgb(125,229,119)
```
#8de887
```
#8de887 rgb(141,232,135)
```
#9ceb98
```
#9ceb98 rgb(156,235,152)
```
#acefa8
```
#acefa8 rgb(172,239,168)
```
#bcf2b9
```
#bcf2b9 rgb(188,242,185)
```
#ccf5c9
```
#ccf5c9 rgb(204,245,201)
```
#dbf8da
```
#dbf8da rgb(219,248,218)
```
#ebfbea
```
#ebfbea rgb(235,251,234)
```
#fbfefb
```
#fbfefb rgb(251,254,251)
```

Tint Color Variation

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

#768575
```
#768575 rgb(118,133,117)
```
#6d8f6b
```
#6d8f6b rgb(109,143,107)
```
#659862
```
#659862 rgb(101,152,98)
```
#5ca258
```
#5ca258 rgb(92,162,88)
```
#53ac4e
```
#53ac4e rgb(83,172,78)
```
#4bb545
```
#4bb545 rgb(75,181,69)
```
#42bf3b
```
#42bf3b rgb(66,191,59)
```
#3ac832
```
#3ac832 rgb(58,200,50)
```
#31d228
```
#31d228 rgb(49,210,40)
```
#28dc1e
```
#28dc1e rgb(40,220,30)
```
#20e515
```
#20e515 rgb(32,229,21)
```
#17ef0b
```
#17ef0b rgb(23,239,11)
```
#0ff802
```
#0ff802 rgb(15,248,2)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7b9c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba2c Protanopia 1% of men
#e6b147 Deuteranopia 1% of men
#70c6d4 Tritanopia 0.001% of the population

Trichromacy

#96c22a Protanomaly 1% of men, 0.01% of women
#a4bd3b Deuteranomaly 6% of men, 0.4% of women
#59ca96 Tritanomaly 0.01% of the population

#31d228 hex color

#31d228 Color Information

#31d228 Color Conversion

Color Schemes with #31d228

Alternatives to #31d228

#31d228 Preview

Shades and Tints of #31d228

Tones of #31d228

Color Blindness Simulator