#31c61f hex color

In a RGB color space, hex #31c61f is composed of 19.2% red, 77.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 0% magenta, 84.3% yellow and 22.4% black. It has a hue angle of 113.5 degrees, a saturation of 72.9% and a lightness of 44.9%. #31c61f color hex could be obtained by blending #62ff3e with #008d00. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 78
- B 12
RGB color chart
- C 75
- M 0
- Y 84
- K 22
CMYK color chart

● #31c61f color description : Strong lime green.

The hexadecimal color #31c61f has RGB values of R:49, G:198, B:31 and CMYK values of C:0.75, M:0, Y:0.84, K:0.22. Its decimal value is 3261983.

Hex triplet	31c61f	`#31c61f`
RGB Decimal	49, 198, 31	`rgb(49,198,31)`
RGB Percent	19.2, 77.6, 12.2	`rgb(19.2%,77.6%,12.2%)`
CMYK	75, 0, 84, 22
HSL	113.5°, 72.9, 44.9	`hsl(113.5,72.9%,44.9%)`
HSV (or HSB)	113.5°, 84.3, 77.6
Web Safe	33cc33	`#33cc33`

CIE-LAB	70.272, -66.238, 64.656
XYZ	21.707, 41.138, 8.093
xyY	0.306, 0.58, 41.138
CIE-LCH	70.272, 92.563, 135.692
CIE-LUV	70.272, -61.106, 82.266
Hunter-Lab	64.139, -51.832, 37.416
Binary	00110001, 11000110, 00011111

#31c61f
```
#31c61f rgb(49,198,31)
```
#b41fc6
```
#b41fc6 rgb(180,31,198)
```

Complementary Color

#85c61f
```
#85c61f rgb(133,198,31)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#1fc660
```
#1fc660 rgb(31,198,96)
```

Analogous Color

#c61f85
```
#c61f85 rgb(198,31,133)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#601fc6
```
#601fc6 rgb(96,31,198)
```

Split Complementary Color

#c61f31
```
#c61f31 rgb(198,31,49)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#1f31c6
```
#1f31c6 rgb(31,49,198)
```

Triadic Color

#c6b41f
```
#c6b41f rgb(198,180,31)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#1f31c6
```
#1f31c6 rgb(31,49,198)
```
#b41fc6
```
#b41fc6 rgb(180,31,198)
```

Tetradic Color

#218415
```
#218415 rgb(33,132,21)
```
#269a18
```
#269a18 rgb(38,154,24)
```
#2cb01c
```
#2cb01c rgb(44,176,28)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#36dc22
```
#36dc22 rgb(54,220,34)
```
#4ae038
```
#4ae038 rgb(74,224,56)
```
#5ee34e
```
#5ee34e rgb(94,227,78)
```

Monochromatic Color

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

#5bc61f
```
#5bc61f rgb(91,198,31)
```
#4dc61f
```
#4dc61f rgb(77,198,31)
```
#3fc61f
```
#3fc61f rgb(63,198,31)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#23c61f
```
#23c61f rgb(35,198,31)
```
#1fc629
```
#1fc629 rgb(31,198,41)
```
#1fc637
```
#1fc637 rgb(31,198,55)
```

Similar Colors

Text with hexadecimal color #31c61f

This text has a font color of #31c61f.

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

#31c61f background color

This paragraph has a background color of #31c61f.

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

#31c61f border color

This element has a border color of #31c61f.

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

CSS codes

.text {color:#31c61f;}

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

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

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

#030b02
```
#030b02 rgb(3,11,2)
```
#071c04
```
#071c04 rgb(7,28,4)
```
#0b2d07
```
#0b2d07 rgb(11,45,7)
```
#0f3e0a
```
#0f3e0a rgb(15,62,10)
```
#144f0c
```
#144f0c rgb(20,79,12)
```
#18600f
```
#18600f rgb(24,96,15)
```
#1c7112
```
#1c7112 rgb(28,113,18)
```
#208214
```
#208214 rgb(32,130,20)
```
#249317
```
#249317 rgb(36,147,23)
```
#29a41a
```
#29a41a rgb(41,164,26)
```
#2db51c
```
#2db51c rgb(45,181,28)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#35d722
```
#35d722 rgb(53,215,34)
```

Shade Color Variation

#41de2e
```
#41de2e rgb(65,222,46)
```
#50e13f
```
#50e13f rgb(80,225,63)
```
#60e450
```
#60e450 rgb(96,228,80)
```
#6fe661
```
#6fe661 rgb(111,230,97)
```
#7fe972
```
#7fe972 rgb(127,233,114)
```
#8eec83
```
#8eec83 rgb(142,236,131)
```
#9dee94
```
#9dee94 rgb(157,238,148)
```
#adf1a5
```
#adf1a5 rgb(173,241,165)
```
#bcf4b6
```
#bcf4b6 rgb(188,244,182)
```
#ccf6c7
```
#ccf6c7 rgb(204,246,199)
```
#dbf9d8
```
#dbf9d8 rgb(219,249,216)
```
#ebfbe9
```
#ebfbe9 rgb(235,251,233)
```
#fafef9
```
#fafef9 rgb(250,254,249)
```

Tint Color Variation

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

#6f776e
```
#6f776e rgb(111,119,110)
```
#688065
```
#688065 rgb(104,128,101)
```
#61885d
```
#61885d rgb(97,136,93)
```
#5a9154
```
#5a9154 rgb(90,145,84)
```
#549a4b
```
#549a4b rgb(84,154,75)
```
#4da342
```
#4da342 rgb(77,163,66)
```
#46ac39
```
#46ac39 rgb(70,172,57)
```
#3fb431
```
#3fb431 rgb(63,180,49)
```
#38bd28
```
#38bd28 rgb(56,189,40)
```
#31c61f
```
#31c61f rgb(49,198,31)
```
#2acf16
```
#2acf16 rgb(42,207,22)
```
#23d80d
```
#23d80d rgb(35,216,13)
```
#1ce005
```
#1ce005 rgb(28,224,5)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#759371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b023 Protanopia 1% of men
#daa73f Deuteranopia 1% of men
#6cbbc9 Tritanopia 0.001% of the population

Trichromacy

#8fb822 Protanomaly 1% of men, 0.01% of women
#9cb233 Deuteranomaly 6% of men, 0.4% of women
#56bf8b Tritanomaly 0.01% of the population

#31c61f hex color

#31c61f Color Information

#31c61f Color Conversion

Color Schemes with #31c61f

Alternatives to #31c61f

#31c61f Preview

Shades and Tints of #31c61f

Tones of #31c61f

Color Blindness Simulator