colorhexa.com

#31ba33 hex color

In a RGB color space, hex #31ba33 is composed of 19.2% red, 72.9% green and 20% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 0% magenta, 72.6% yellow and 27.1% black. It has a hue angle of 120.9 degrees, a saturation of 58.3% and a lightness of 46.1%. #31ba33 color hex could be obtained by blending #62ff66 with #007500. Closest websafe color is: #33cc33.

- R 19
- G 73
- B 20
RGB color chart
- C 74
- M 0
- Y 73
- K 27
CMYK color chart

● #31ba33 color description : Moderate lime green.

The hexadecimal color #31ba33 has RGB values of R:49, G:186, B:51 and CMYK values of C:0.74, M:0, Y:0.73, K:0.27. Its decimal value is 3258931.

Hex triplet	31ba33	`#31ba33`
RGB Decimal	49, 186, 51	`rgb(49,186,51)`
RGB Percent	19.2, 72.9, 20	`rgb(19.2%,72.9%,20%)`
CMYK	74, 0, 73, 27
HSL	120.9°, 58.3, 46.1	`hsl(120.9,58.3%,46.1%)`
HSV (or HSB)	120.9°, 73.7, 72.9
Web Safe	33cc33	`#33cc33`

CIE-LAB	66.526, -61.213, 54.977
XYZ	19.422, 36.008, 9.058
xyY	0.301, 0.558, 36.008
CIE-LCH	66.526, 82.277, 138.072
CIE-LUV	66.526, -56.585, 72.656
Hunter-Lab	60.007, -47.237, 33.054
Binary	00110001, 10111010, 00110011

#31ba33
```
#31ba33 rgb(49,186,51)
```
#ba31b8
```
#ba31b8 rgb(186,49,184)
```

Complementary Color

#74ba31
```
#74ba31 rgb(116,186,49)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#31ba78
```
#31ba78 rgb(49,186,120)
```

Analogous Color

#ba3174
```
#ba3174 rgb(186,49,116)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#7831ba
```
#7831ba rgb(120,49,186)
```

Split Complementary Color

#ba3331
```
#ba3331 rgb(186,51,49)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#3331ba
```
#3331ba rgb(51,49,186)
```

Triadic Color

#b8ba31
```
#b8ba31 rgb(184,186,49)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#3331ba
```
#3331ba rgb(51,49,186)
```
#ba31b8
```
#ba31b8 rgb(186,49,184)
```

Tetradic Color

#217d22
```
#217d22 rgb(33,125,34)
```
#269228
```
#269228 rgb(38,146,40)
```
#2ca62d
```
#2ca62d rgb(44,166,45)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#3acb3c
```
#3acb3c rgb(58,203,60)
```
#4ed050
```
#4ed050 rgb(78,208,80)
```
#62d664
```
#62d664 rgb(98,214,100)
```

Monochromatic Color

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

#51ba31
```
#51ba31 rgb(81,186,49)
```
#46ba31
```
#46ba31 rgb(70,186,49)
```
#3aba31
```
#3aba31 rgb(58,186,49)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#31ba3e
```
#31ba3e rgb(49,186,62)
```
#31ba4a
```
#31ba4a rgb(49,186,74)
```
#31ba55
```
#31ba55 rgb(49,186,85)
```

Similar Colors

Text with hexadecimal color #31ba33

This text has a font color of #31ba33.

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

#31ba33 background color

This paragraph has a background color of #31ba33.

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

#31ba33 border color

This element has a border color of #31ba33.

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

CSS codes

.text {color:#31ba33;}

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

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

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

#040f04
```
#040f04 rgb(4,15,4)
```
#081f08
```
#081f08 rgb(8,31,8)
```
#0c2e0d
```
#0c2e0d rgb(12,46,13)
```
#103e11
```
#103e11 rgb(16,62,17)
```
#144d15
```
#144d15 rgb(20,77,21)
```
#185d19
```
#185d19 rgb(24,93,25)
```
#1d6c1e
```
#1d6c1e rgb(29,108,30)
```
#217c22
```
#217c22 rgb(33,124,34)
```
#258b26
```
#258b26 rgb(37,139,38)
```
#299b2a
```
#299b2a rgb(41,155,42)
```
#2daa2f
```
#2daa2f rgb(45,170,47)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#35ca37
```
#35ca37 rgb(53,202,55)
```

Shade Color Variation

#44ce46
```
#44ce46 rgb(68,206,70)
```
#54d256
```
#54d256 rgb(84,210,86)
```
#63d665
```
#63d665 rgb(99,214,101)
```
#73da74
```
#73da74 rgb(115,218,116)
```
#82de84
```
#82de84 rgb(130,222,132)
```
#92e293
```
#92e293 rgb(146,226,147)
```
#a2e6a3
```
#a2e6a3 rgb(162,230,163)
```
#b1eab2
```
#b1eab2 rgb(177,234,178)
```
#c1efc1
```
#c1efc1 rgb(193,239,193)
```
#d0f3d1
```
#d0f3d1 rgb(208,243,209)
```
#e0f7e0
```
#e0f7e0 rgb(224,247,224)
```
#effbef
```
#effbef rgb(239,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b70 is the less saturated color, while #04e707 is the most saturated one.

#707b70
```
#707b70 rgb(112,123,112)
```
#678468
```
#678468 rgb(103,132,104)
```
#5e8d5f
```
#5e8d5f rgb(94,141,95)
```
#559656
```
#559656 rgb(85,150,86)
```
#4c9f4d
```
#4c9f4d rgb(76,159,77)
```
#43a845
```
#43a845 rgb(67,168,69)
```
#3ab13c
```
#3ab13c rgb(58,177,60)
```
#31ba33
```
#31ba33 rgb(49,186,51)
```
#28c32a
```
#28c32a rgb(40,195,42)
```
#1fcc21
```
#1fcc21 rgb(31,204,33)
```
#16d519
```
#16d519 rgb(22,213,25)
```
#0dde10
```
#0dde10 rgb(13,222,16)
```
#04e707
```
#04e707 rgb(4,231,7)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#728d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a637 Protanopia 1% of men
#cc9f4b Deuteranopia 1% of men
#66b1be Tritanopia 0.001% of the population

Trichromacy

#88ad35 Protanomaly 1% of men, 0.01% of women
#94a842 Deuteranomaly 6% of men, 0.4% of women
#53b48b Tritanomaly 0.01% of the population