#31b228 hex color

In a RGB color space, hex #31b228 is composed of 19.2% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 116.1 degrees, a saturation of 63.3% and a lightness of 42.7%. #31b228 color hex could be obtained by blending #62ff50 with #006500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 70
- B 16
RGB color chart
- C 72
- M 0
- Y 78
- K 30
CMYK color chart

● #31b228 color description : Dark lime green.

The hexadecimal color #31b228 has RGB values of R:49, G:178, B:40 and CMYK values of C:0.72, M:0, Y:0.78, K:0.3. Its decimal value is 3256872.

Hex triplet	31b228	`#31b228`
RGB Decimal	49, 178, 40	`rgb(49,178,40)`
RGB Percent	19.2, 69.8, 15.7	`rgb(19.2%,69.8%,15.7%)`
CMYK	72, 0, 78, 30
HSL	116.1°, 63.3, 42.7	`hsl(116.1,63.3%,42.7%)`
HSV (or HSB)	116.1°, 77.5, 69.8
Web Safe	339933	`#339933`

CIE-LAB	63.873, -59.456, 56.157
XYZ	17.569, 32.645, 7.383
xyY	0.305, 0.567, 32.645
CIE-LCH	63.873, 81.784, 136.635
CIE-LUV	63.873, -54.048, 71.949
Hunter-Lab	57.136, -45.1, 32.334
Binary	00110001, 10110010, 00101000

#31b228
```
#31b228 rgb(49,178,40)
```
#a928b2
```
#a928b2 rgb(169,40,178)
```

Complementary Color

#76b228
```
#76b228 rgb(118,178,40)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#28b264
```
#28b264 rgb(40,178,100)
```

Analogous Color

#b22876
```
#b22876 rgb(178,40,118)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#6428b2
```
#6428b2 rgb(100,40,178)
```

Split Complementary Color

#b22831
```
#b22831 rgb(178,40,49)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#2831b2
```
#2831b2 rgb(40,49,178)
```

Triadic Color

#b2a928
```
#b2a928 rgb(178,169,40)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#2831b2
```
#2831b2 rgb(40,49,178)
```
#a928b2
```
#a928b2 rgb(169,40,178)
```

Tetradic Color

#20741a
```
#20741a rgb(32,116,26)
```
#26881f
```
#26881f rgb(38,136,31)
```
#2b9d23
```
#2b9d23 rgb(43,157,35)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#37c72d
```
#37c72d rgb(55,199,45)
```
#44d33a
```
#44d33a rgb(68,211,58)
```
#58d74f
```
#58d74f rgb(88,215,79)
```

Monochromatic Color

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

#54b228
```
#54b228 rgb(84,178,40)
```
#48b228
```
#48b228 rgb(72,178,40)
```
#3db228
```
#3db228 rgb(61,178,40)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#28b22a
```
#28b22a rgb(40,178,42)
```
#28b236
```
#28b236 rgb(40,178,54)
```
#28b241
```
#28b241 rgb(40,178,65)
```

Similar Colors

Text with hexadecimal color #31b228

This text has a font color of #31b228.

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

#31b228 background color

This paragraph has a background color of #31b228.

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

#31b228 border color

This element has a border color of #31b228.

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

CSS codes

.text {color:#31b228;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#051204
```
#051204 rgb(5,18,4)
```
#092208
```
#092208 rgb(9,34,8)
```
#0e320b
```
#0e320b rgb(14,50,11)
```
#12420f
```
#12420f rgb(18,66,15)
```
#175212
```
#175212 rgb(23,82,18)
```
#1b6216
```
#1b6216 rgb(27,98,22)
```
#1f721a
```
#1f721a rgb(31,114,26)
```
#24821d
```
#24821d rgb(36,130,29)
```
#289221
```
#289221 rgb(40,146,33)
```
#2da224
```
#2da224 rgb(45,162,36)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#35c22c
```
#35c22c rgb(53,194,44)
```

Shade Color Variation

#3bd131
```
#3bd131 rgb(59,209,49)
```
#4ad441
```
#4ad441 rgb(74,212,65)
```
#59d851
```
#59d851 rgb(89,216,81)
```
#69db61
```
#69db61 rgb(105,219,97)
```
#78df71
```
#78df71 rgb(120,223,113)
```
#87e381
```
#87e381 rgb(135,227,129)
```
#96e691
```
#96e691 rgb(150,230,145)
```
#a5eaa1
```
#a5eaa1 rgb(165,234,161)
```
#b5edb1
```
#b5edb1 rgb(181,237,177)
```
#c4f1c1
```
#c4f1c1 rgb(196,241,193)
```
#d3f5d1
```
#d3f5d1 rgb(211,245,209)
```
#e2f8e1
```
#e2f8e1 rgb(226,248,225)
```
#f2fcf1
```
#f2fcf1 rgb(242,252,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f6b is the less saturated color, while #14d406 is the most saturated one.

#6b6f6b
```
#6b6f6b rgb(107,111,107)
```
#647763
```
#647763 rgb(100,119,99)
```
#5d805a
```
#5d805a rgb(93,128,90)
```
#558852
```
#558852 rgb(85,136,82)
```
#4e904a
```
#4e904a rgb(78,144,74)
```
#479941
```
#479941 rgb(71,153,65)
```
#40a139
```
#40a139 rgb(64,161,57)
```
#38aa30
```
#38aa30 rgb(56,170,48)
```
#31b228
```
#31b228 rgb(49,178,40)
```
#2aba20
```
#2aba20 rgb(42,186,32)
```
#22c317
```
#22c317 rgb(34,195,23)
```
#1bcb0f
```
#1bcb0f rgb(27,203,15)
```
#14d406
```
#14d406 rgb(20,212,6)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d876b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a02d Protanopia 1% of men
#c59842 Deuteranopia 1% of men
#64aab6 Tritanopia 0.001% of the population

Trichromacy

#83a62b Protanomaly 1% of men, 0.01% of women
#8fa138 Deuteranomaly 6% of men, 0.4% of women
#51ad82 Tritanomaly 0.01% of the population

#31b228 hex color

#31b228 Color Information

#31b228 Color Conversion

Color Schemes with #31b228

Alternatives to #31b228

#31b228 Preview

Shades and Tints of #31b228

Tones of #31b228

Color Blindness Simulator