#31f226 hex color

In a RGB color space, hex #31f226 is composed of 19.2% red, 94.9% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 116.8 degrees, a saturation of 88.7% and a lightness of 54.9%. #31f226 color hex could be obtained by blending #62ff4c with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 19
- G 95
- B 15
RGB color chart
- C 80
- M 0
- Y 84
- K 5
CMYK color chart

● #31f226 color description : Bright lime green.

The hexadecimal color #31f226 has RGB values of R:49, G:242, B:38 and CMYK values of C:0.8, M:0, Y:0.84, K:0.05. Its decimal value is 3273254.

Hex triplet	31f226	`#31f226`
RGB Decimal	49, 242, 38	`rgb(49,242,38)`
RGB Percent	19.2, 94.9, 14.9	`rgb(19.2%,94.9%,14.9%)`
CMYK	80, 0, 84, 5
HSL	116.8°, 88.7, 54.9	`hsl(116.8,88.7%,54.9%)`
HSV (or HSB)	116.8°, 84.3, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.118, -78.826, 75.454
XYZ	33.367, 64.294, 12.485
xyY	0.303, 0.584, 64.294
CIE-LCH	84.118, 109.118, 136.252
CIE-LUV	84.118, -75.36, 99.093
Hunter-Lab	80.183, -66.041, 46.897
Binary	00110001, 11110010, 00100110

#31f226
```
#31f226 rgb(49,242,38)
```
#e726f2
```
#e726f2 rgb(231,38,242)
```

Complementary Color

#97f226
```
#97f226 rgb(151,242,38)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#26f281
```
#26f281 rgb(38,242,129)
```

Analogous Color

#f22697
```
#f22697 rgb(242,38,151)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#8126f2
```
#8126f2 rgb(129,38,242)
```

Split Complementary Color

#f22631
```
#f22631 rgb(242,38,49)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#2631f2
```
#2631f2 rgb(38,49,242)
```

Triadic Color

#f2e726
```
#f2e726 rgb(242,231,38)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#2631f2
```
#2631f2 rgb(38,49,242)
```
#e726f2
```
#e726f2 rgb(231,38,242)
```

Tetradic Color

#15c00c
```
#15c00c rgb(21,192,12)
```
#18d80d
```
#18d80d rgb(24,216,13)
```
#1bf00e
```
#1bf00e rgb(27,240,14)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#48f33e
```
#48f33e rgb(72,243,62)
```
#5ff556
```
#5ff556 rgb(95,245,86)
```
#76f66e
```
#76f66e rgb(118,246,110)
```

Monochromatic Color

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

#64f226
```
#64f226 rgb(100,242,38)
```
#53f226
```
#53f226 rgb(83,242,38)
```
#42f226
```
#42f226 rgb(66,242,38)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#26f22c
```
#26f22c rgb(38,242,44)
```
#26f23d
```
#26f23d rgb(38,242,61)
```
#26f24e
```
#26f24e rgb(38,242,78)
```

Similar Colors

Text with hexadecimal color #31f226

This text has a font color of #31f226.

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

#31f226 background color

This paragraph has a background color of #31f226.

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

#31f226 border color

This element has a border color of #31f226.

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

CSS codes

.text {color:#31f226;}

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

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

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

#010500
```
#010500 rgb(1,5,0)
```
#031801
```
#031801 rgb(3,24,1)
```
#052a03
```
#052a03 rgb(5,42,3)
```
#073d04
```
#073d04 rgb(7,61,4)
```
#094f05
```
#094f05 rgb(9,79,5)
```
#0b6206
```
#0b6206 rgb(11,98,6)
```
#0d7407
```
#0d7407 rgb(13,116,7)
```
#0f8708
```
#0f8708 rgb(15,135,8)
```
#119909
```
#119909 rgb(17,153,9)
```
#13ac0a
```
#13ac0a rgb(19,172,10)
```
#15be0b
```
#15be0b rgb(21,190,11)
```
#17d10d
```
#17d10d rgb(23,209,13)
```
#19e30e
```
#19e30e rgb(25,227,14)
```

Shade Color Variation

#1ff113
```
#1ff113 rgb(31,241,19)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#43f339
```
#43f339 rgb(67,243,57)
```
#54f44b
```
#54f44b rgb(84,244,75)
```
#66f55e
```
#66f55e rgb(102,245,94)
```
#77f670
```
#77f670 rgb(119,246,112)
```
#89f883
```
#89f883 rgb(137,248,131)
```
#9af995
```
#9af995 rgb(154,249,149)
```
#acfaa8
```
#acfaa8 rgb(172,250,168)
```
#befbba
```
#befbba rgb(190,251,186)
```
#cffccd
```
#cffccd rgb(207,252,205)
```
#e1fddf
```
#e1fddf rgb(225,253,223)
```
#f2fef2
```
#f2fef2 rgb(242,254,242)
```

Tint Color Variation

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

#889187
```
#889187 rgb(136,145,135)
```
#809a7e
```
#809a7e rgb(128,154,126)
```
#78a276
```
#78a276 rgb(120,162,118)
```
#70ab6d
```
#70ab6d rgb(112,171,109)
```
#68b464
```
#68b464 rgb(104,180,100)
```
#60bd5b
```
#60bd5b rgb(96,189,91)
```
#58c652
```
#58c652 rgb(88,198,82)
```
#51cf49
```
#51cf49 rgb(81,207,73)
```
#49d741
```
#49d741 rgb(73,215,65)
```
#41e038
```
#41e038 rgb(65,224,56)
```
#39e92f
```
#39e92f rgb(57,233,47)
```
#31f226
```
#31f226 rgb(49,242,38)
```
#29fb1d
```
#29fb1d rgb(41,251,29)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8bb188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd428 Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#7ee2f3 Tritanopia 0.001% of the population

Trichromacy

#a9df27 Protanomaly 1% of men, 0.01% of women
#b4d959 Deuteranomaly 6% of men, 0.4% of women
#62e8a8 Tritanomaly 0.01% of the population

#31f226 hex color

#31f226 Color Information

#31f226 Color Conversion

Color Schemes with #31f226

Alternatives to #31f226

#31f226 Preview

Shades and Tints of #31f226

Tones of #31f226

Color Blindness Simulator