#31ba7f hex color

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

♥
- f
- t
- g
- R 19
- G 73
- B 50
RGB color chart
- C 74
- M 0
- Y 32
- K 27
CMYK color chart

● #31ba7f color description : Moderate cyan - lime green.

The hexadecimal color #31ba7f has RGB values of R:49, G:186, B:127 and CMYK values of C:0.74, M:0, Y:0.32, K:0.27. Its decimal value is 3259007.

Hex triplet	31ba7f	`#31ba7f`
RGB Decimal	49, 186, 127	`rgb(49,186,127)`
RGB Percent	19.2, 72.9, 49.8	`rgb(19.2%,72.9%,49.8%)`
CMYK	74, 0, 32, 27
HSL	154.2°, 58.3, 46.1	`hsl(154.2,58.3%,46.1%)`
HSV (or HSB)	154.2°, 73.7, 72.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.502, -49.913, 19.757
XYZ	22.655, 37.301, 26.083
xyY	0.263, 0.434, 37.301
CIE-LCH	67.502, 53.681, 158.405
CIE-LUV	67.502, -53.201, 35.093
Hunter-Lab	61.074, -40.669, 17.431
Binary	00110001, 10111010, 01111111

#31ba7f
```
#31ba7f rgb(49,186,127)
```
#ba316c
```
#ba316c rgb(186,49,108)
```

Complementary Color

#31ba3b
```
#31ba3b rgb(49,186,59)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#31b1ba
```
#31b1ba rgb(49,177,186)
```

Analogous Color

#ba3b31
```
#ba3b31 rgb(186,59,49)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#ba31b1
```
#ba31b1 rgb(186,49,177)
```

Split Complementary Color

#ba7f31
```
#ba7f31 rgb(186,127,49)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#7f31ba
```
#7f31ba rgb(127,49,186)
```

Triadic Color

#6cba31
```
#6cba31 rgb(108,186,49)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#7f31ba
```
#7f31ba rgb(127,49,186)
```
#ba316c
```
#ba316c rgb(186,49,108)
```

Tetradic Color

#217d56
```
#217d56 rgb(33,125,86)
```
#269263
```
#269263 rgb(38,146,99)
```
#2ca671
```
#2ca671 rgb(44,166,113)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#3acb8c
```
#3acb8c rgb(58,203,140)
```
#4ed098
```
#4ed098 rgb(78,208,152)
```
#62d6a4
```
#62d6a4 rgb(98,214,164)
```

Monochromatic Color

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

#31ba5d
```
#31ba5d rgb(49,186,93)
```
#31ba68
```
#31ba68 rgb(49,186,104)
```
#31ba74
```
#31ba74 rgb(49,186,116)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#31ba8a
```
#31ba8a rgb(49,186,138)
```
#31ba96
```
#31ba96 rgb(49,186,150)
```
#31baa1
```
#31baa1 rgb(49,186,161)
```

Similar Colors

Text with hexadecimal color #31ba7f

This text has a font color of #31ba7f.

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

#31ba7f background color

This paragraph has a background color of #31ba7f.

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

#31ba7f border color

This element has a border color of #31ba7f.

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

CSS codes

.text {color:#31ba7f;}

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

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

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

#040f0a
```
#040f0a rgb(4,15,10)
```
#081f15
```
#081f15 rgb(8,31,21)
```
#0c2e20
```
#0c2e20 rgb(12,46,32)
```
#103e2a
```
#103e2a rgb(16,62,42)
```
#144d35
```
#144d35 rgb(20,77,53)
```
#185d3f
```
#185d3f rgb(24,93,63)
```
#1d6c4a
```
#1d6c4a rgb(29,108,74)
```
#217c55
```
#217c55 rgb(33,124,85)
```
#258b5f
```
#258b5f rgb(37,139,95)
```
#299b6a
```
#299b6a rgb(41,155,106)
```
#2daa74
```
#2daa74 rgb(45,170,116)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#35ca8a
```
#35ca8a rgb(53,202,138)
```

Shade Color Variation

#44ce93
```
#44ce93 rgb(68,206,147)
```
#54d29c
```
#54d29c rgb(84,210,156)
```
#63d6a5
```
#63d6a5 rgb(99,214,165)
```
#73daae
```
#73daae rgb(115,218,174)
```
#82deb7
```
#82deb7 rgb(130,222,183)
```
#92e2c0
```
#92e2c0 rgb(146,226,192)
```
#a2e6c9
```
#a2e6c9 rgb(162,230,201)
```
#b1ead2
```
#b1ead2 rgb(177,234,210)
```
#c1efdb
```
#c1efdb rgb(193,239,219)
```
#d0f3e4
```
#d0f3e4 rgb(208,243,228)
```
#e0f7ed
```
#e0f7ed rgb(224,247,237)
```
#effbf6
```
#effbf6 rgb(239,251,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#707b76
```
#707b76 rgb(112,123,118)
```
#678477
```
#678477 rgb(103,132,119)
```
#5e8d79
```
#5e8d79 rgb(94,141,121)
```
#55967a
```
#55967a rgb(85,150,122)
```
#4c9f7b
```
#4c9f7b rgb(76,159,123)
```
#43a87c
```
#43a87c rgb(67,168,124)
```
#3ab17e
```
#3ab17e rgb(58,177,126)
```
#31ba7f
```
#31ba7f rgb(49,186,127)
```
#28c380
```
#28c380 rgb(40,195,128)
```
#1fcc82
```
#1fcc82 rgb(31,204,130)
```
#16d583
```
#16d583 rgb(22,213,131)
```
#0dde84
```
#0dde84 rgb(13,222,132)
```
#04e785
```
#04e785 rgb(4,231,133)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a87c Protanopia 1% of men
#c2a38e Deuteranopia 1% of men
#5bb5c2 Tritanopia 0.001% of the population

Trichromacy

#85af7d Protanomaly 1% of men, 0.01% of women
#8dab89 Deuteranomaly 6% of men, 0.4% of women
#4cb7aa Tritanomaly 0.01% of the population

#31ba7f hex color

#31ba7f Color Information

#31ba7f Color Conversion

Color Schemes with #31ba7f

Alternatives to #31ba7f

#31ba7f Preview

Shades and Tints of #31ba7f

Tones of #31ba7f

Color Blindness Simulator