#31b224 hex color

In a RGB color space, hex #31b224 is composed of 19.2% red, 69.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 0% magenta, 79.8% yellow and 30.2% black. It has a hue angle of 114.5 degrees, a saturation of 66.4% and a lightness of 42%. #31b224 color hex could be obtained by blending #62ff48 with #006500. Closest websafe color is: #339933.

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

● #31b224 color description : Dark lime green.

The hexadecimal color #31b224 has RGB values of R:49, G:178, B:36 and CMYK values of C:0.72, M:0, Y:0.8, K:0.3. Its decimal value is 3256868.

Hex triplet	31b224	`#31b224`
RGB Decimal	49, 178, 36	`rgb(49,178,36)`
RGB Percent	19.2, 69.8, 14.1	`rgb(19.2%,69.8%,14.1%)`
CMYK	72, 0, 80, 30
HSL	114.5°, 66.4, 42	`hsl(114.5,66.4%,42%)`
HSV (or HSB)	114.5°, 79.8, 69.8
Web Safe	339933	`#339933`

CIE-LAB	63.852, -59.715, 57.392
XYZ	17.505, 32.619, 7.043
xyY	0.306, 0.571, 32.619
CIE-LCH	63.852, 82.824, 136.136
CIE-LUV	63.852, -54.129, 72.844
Hunter-Lab	57.113, -45.24, 32.668
Binary	00110001, 10110010, 00100100

#31b224
```
#31b224 rgb(49,178,36)
```
#a524b2
```
#a524b2 rgb(165,36,178)
```

Complementary Color

#78b224
```
#78b224 rgb(120,178,36)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#24b25e
```
#24b25e rgb(36,178,94)
```

Analogous Color

#b22478
```
#b22478 rgb(178,36,120)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#5e24b2
```
#5e24b2 rgb(94,36,178)
```

Split Complementary Color

#b22431
```
#b22431 rgb(178,36,49)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#2431b2
```
#2431b2 rgb(36,49,178)
```

Triadic Color

#b2a524
```
#b2a524 rgb(178,165,36)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#2431b2
```
#2431b2 rgb(36,49,178)
```
#a524b2
```
#a524b2 rgb(165,36,178)
```

Tetradic Color

#1f7217
```
#1f7217 rgb(31,114,23)
```
#25881b
```
#25881b rgb(37,136,27)
```
#2b9d20
```
#2b9d20 rgb(43,157,32)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#37c728
```
#37c728 rgb(55,199,40)
```
#42d633
```
#42d633 rgb(66,214,51)
```
#56da48
```
#56da48 rgb(86,218,72)
```

Monochromatic Color

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

#55b224
```
#55b224 rgb(85,178,36)
```
#49b224
```
#49b224 rgb(73,178,36)
```
#3db224
```
#3db224 rgb(61,178,36)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#25b224
```
#25b224 rgb(37,178,36)
```
#24b22f
```
#24b22f rgb(36,178,47)
```
#24b23a
```
#24b23a rgb(36,178,58)
```

Similar Colors

Text with hexadecimal color #31b224

This text has a font color of #31b224.

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

#31b224 background color

This paragraph has a background color of #31b224.

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

#31b224 border color

This element has a border color of #31b224.

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

CSS codes

.text {color:#31b224;}

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

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

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, #040f03 is the darkest color, while #fefffe is the lightest one.

#040f03
```
#040f03 rgb(4,15,3)
```
#091f06
```
#091f06 rgb(9,31,6)
```
#0d2f0a
```
#0d2f0a rgb(13,47,10)
```
#12400d
```
#12400d rgb(18,64,13)
```
#165010
```
#165010 rgb(22,80,16)
```
#1b6014
```
#1b6014 rgb(27,96,20)
```
#1f7117
```
#1f7117 rgb(31,113,23)
```
#24811a
```
#24811a rgb(36,129,26)
```
#28911d
```
#28911d rgb(40,145,29)
```
#2da221
```
#2da221 rgb(45,162,33)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#35c227
```
#35c227 rgb(53,194,39)
```
#3ad32b
```
#3ad32b rgb(58,211,43)
```

Shade Color Variation

#48d73a
```
#48d73a rgb(72,215,58)
```
#57da4a
```
#57da4a rgb(87,218,74)
```
#66de5a
```
#66de5a rgb(102,222,90)
```
#76e16b
```
#76e16b rgb(118,225,107)
```
#85e47b
```
#85e47b rgb(133,228,123)
```
#94e88b
```
#94e88b rgb(148,232,139)
```
#a3eb9c
```
#a3eb9c rgb(163,235,156)
```
#b2eeac
```
#b2eeac rgb(178,238,172)
```
#c1f2bc
```
#c1f2bc rgb(193,242,188)
```
#d0f5cd
```
#d0f5cd rgb(208,245,205)
```
#dff8dd
```
#dff8dd rgb(223,248,221)
```
#effbed
```
#effbed rgb(239,251,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#677066
```
#677066 rgb(103,112,102)
```
#60785e
```
#60785e rgb(96,120,94)
```
#598155
```
#598155 rgb(89,129,85)
```
#53894d
```
#53894d rgb(83,137,77)
```
#4c9145
```
#4c9145 rgb(76,145,69)
```
#45993d
```
#45993d rgb(69,153,61)
```
#3ea234
```
#3ea234 rgb(62,162,52)
```
#38aa2c
```
#38aa2c rgb(56,170,44)
```
#31b224
```
#31b224 rgb(49,178,36)
```
#2aba1c
```
#2aba1c rgb(42,186,28)
```
#24c214
```
#24c214 rgb(36,194,20)
```
#1dcb0b
```
#1dcb0b rgb(29,203,11)
```
#16d303
```
#16d303 rgb(22,211,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c866a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a029 Protanopia 1% of men
#c5983f Deuteranopia 1% of men
#64aab6 Tritanopia 0.001% of the population

Trichromacy

#83a627 Protanomaly 1% of men, 0.01% of women
#8fa135 Deuteranomaly 6% of men, 0.4% of women
#51ad81 Tritanomaly 0.01% of the population

#31b224 hex color

#31b224 Color Information

#31b224 Color Conversion

Color Schemes with #31b224

Alternatives to #31b224

#31b224 Preview

Shades and Tints of #31b224

Tones of #31b224

Color Blindness Simulator