#31b80c hex color

In a RGB color space, hex #31b80c is composed of 19.2% red, 72.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 0% magenta, 93.5% yellow and 27.8% black. It has a hue angle of 107.1 degrees, a saturation of 87.8% and a lightness of 38.4%. #31b80c color hex could be obtained by blending #62ff18 with #007100. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 19
- G 72
- B 5
RGB color chart
- C 73
- M 0
- Y 93
- K 28
CMYK color chart

● #31b80c color description : Strong lime green.

The hexadecimal color #31b80c has RGB values of R:49, G:184, B:12 and CMYK values of C:0.73, M:0, Y:0.93, K:0.28. Its decimal value is 3258380.

Hex triplet	31b80c	`#31b80c`
RGB Decimal	49, 184, 12	`rgb(49,184,12)`
RGB Percent	19.2, 72.2, 4.7	`rgb(19.2%,72.2%,4.7%)`
CMYK	73, 0, 93, 28
HSL	107.1°, 87.8, 38.4	`hsl(107.1,87.8%,38.4%)`
HSV (or HSB)	107.1°, 93.5, 72.2
Web Safe	33cc00	`#33cc00`

CIE-LAB	65.716, -62.603, 64.271
XYZ	18.473, 34.959, 6.122
xyY	0.31, 0.587, 34.959
CIE-LCH	65.716, 89.721, 134.247
CIE-LUV	65.716, -56.538, 78.836
Hunter-Lab	59.126, -47.702, 35.249
Binary	00110001, 10111000, 00001100

#31b80c
```
#31b80c rgb(49,184,12)
```
#930cb8
```
#930cb8 rgb(147,12,184)
```

Complementary Color

#87b80c
```
#87b80c rgb(135,184,12)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#0cb83d
```
#0cb83d rgb(12,184,61)
```

Analogous Color

#b80c87
```
#b80c87 rgb(184,12,135)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#3d0cb8
```
#3d0cb8 rgb(61,12,184)
```

Split Complementary Color

#b80c31
```
#b80c31 rgb(184,12,49)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#0c31b8
```
#0c31b8 rgb(12,49,184)
```

Triadic Color

#b8930c
```
#b8930c rgb(184,147,12)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#0c31b8
```
#0c31b8 rgb(12,49,184)
```
#930cb8
```
#930cb8 rgb(147,12,184)
```

Tetradic Color

#1e7007
```
#1e7007 rgb(30,112,7)
```
#248809
```
#248809 rgb(36,136,9)
```
#2ba00a
```
#2ba00a rgb(43,160,10)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#37d00e
```
#37d00e rgb(55,208,14)
```
#3ee80f
```
#3ee80f rgb(62,232,15)
```
#4df020
```
#4df020 rgb(77,240,32)
```

Monochromatic Color

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

#5cb80c
```
#5cb80c rgb(92,184,12)
```
#4eb80c
```
#4eb80c rgb(78,184,12)
```
#3fb80c
```
#3fb80c rgb(63,184,12)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#23b80c
```
#23b80c rgb(35,184,12)
```
#14b80c
```
#14b80c rgb(20,184,12)
```
#0cb812
```
#0cb812 rgb(12,184,18)
```

Similar Colors

Text with hexadecimal color #31b80c

This text has a font color of #31b80c.

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

#31b80c background color

This paragraph has a background color of #31b80c.

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

#31b80c border color

This element has a border color of #31b80c.

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

CSS codes

.text {color:#31b80c;}

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

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

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

#051201
```
#051201 rgb(5,18,1)
```
#0a2502
```
#0a2502 rgb(10,37,2)
```
#0f3704
```
#0f3704 rgb(15,55,4)
```
#144a05
```
#144a05 rgb(20,74,5)
```
#185c06
```
#185c06 rgb(24,92,6)
```
#1d6e07
```
#1d6e07 rgb(29,110,7)
```
#228108
```
#228108 rgb(34,129,8)
```
#27930a
```
#27930a rgb(39,147,10)
```
#2ca60b
```
#2ca60b rgb(44,166,11)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#36ca0d
```
#36ca0d rgb(54,202,13)
```
#3bdd0e
```
#3bdd0e rgb(59,221,14)
```
#40ef10
```
#40ef10 rgb(64,239,16)
```

Shade Color Variation

#4ef122
```
#4ef122 rgb(78,241,34)
```
#5df234
```
#5df234 rgb(93,242,52)
```
#6cf347
```
#6cf347 rgb(108,243,71)
```
#7af459
```
#7af459 rgb(122,244,89)
```
#89f56c
```
#89f56c rgb(137,245,108)
```
#98f77e
```
#98f77e rgb(152,247,126)
```
#a7f890
```
#a7f890 rgb(167,248,144)
```
#b5f9a3
```
#b5f9a3 rgb(181,249,163)
```
#c4fab5
```
#c4fab5 rgb(196,250,181)
```
#d3fbc8
```
#d3fbc8 rgb(211,251,200)
```
#e1fdda
```
#e1fdda rgb(225,253,218)
```
#f0feec
```
#f0feec rgb(240,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60655f is the less saturated color, while #2dc004 is the most saturated one.

#60655f
```
#60655f rgb(96,101,95)
```
#5c6d57
```
#5c6d57 rgb(92,109,87)
```
#587450
```
#587450 rgb(88,116,80)
```
#537c48
```
#537c48 rgb(83,124,72)
```
#4f8341
```
#4f8341 rgb(79,131,65)
```
#4b8b39
```
#4b8b39 rgb(75,139,57)
```
#469232
```
#469232 rgb(70,146,50)
```
#429a2a
```
#429a2a rgb(66,154,42)
```
#3ea123
```
#3ea123 rgb(62,161,35)
```
#3aa91b
```
#3aa91b rgb(58,169,27)
```
#35b014
```
#35b014 rgb(53,176,20)
```
#31b80c
```
#31b80c rgb(49,184,12)
```
#2dc004
```
#2dc004 rgb(45,192,4)
```

Tone Color Variation

Below, you can see how #31b80c 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
#6d8866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a40d Protanopia 1% of men
#cc9c33 Deuteranopia 1% of men
#67afbb Tritanopia 0.001% of the population

Trichromacy

#87ab0d Protanomaly 1% of men, 0.01% of women
#94a625 Deuteranomaly 6% of men, 0.4% of women
#53b27b Tritanomaly 0.01% of the population

#31b80c hex color

#31b80c Color Information

#31b80c Color Conversion

Color Schemes with #31b80c

Alternatives to #31b80c

#31b80c Preview

Shades and Tints of #31b80c

Tones of #31b80c

Color Blindness Simulator