#31be86 hex color

In a RGB color space, hex #31be86 is composed of 19.2% red, 74.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 29.5% yellow and 25.5% black. It has a hue angle of 156.2 degrees, a saturation of 59% and a lightness of 46.9%. #31be86 color hex could be obtained by blending #62ffff with #007d0d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 75
- B 53
RGB color chart
- C 74
- M 0
- Y 29
- K 25
CMYK color chart

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

The hexadecimal color #31be86 has RGB values of R:49, G:190, B:134 and CMYK values of C:0.74, M:0, Y:0.29, K:0.25. Its decimal value is 3260038.

Hex triplet	31be86	`#31be86`
RGB Decimal	49, 190, 134	`rgb(49,190,134)`
RGB Percent	19.2, 74.5, 52.5	`rgb(19.2%,74.5%,52.5%)`
CMYK	74, 0, 29, 25
HSL	156.2°, 59, 46.9	`hsl(156.2,59%,46.9%)`
HSV (or HSB)	156.2°, 74.2, 74.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.895, -49.979, 17.906
XYZ	23.981, 39.199, 28.855
xyY	0.261, 0.426, 39.199
CIE-LCH	68.895, 53.09, 160.289
CIE-LUV	68.895, -54.2, 32.878
Hunter-Lab	62.609, -41.194, 16.501
Binary	00110001, 10111110, 10000110

#31be86
```
#31be86 rgb(49,190,134)
```
#be3169
```
#be3169 rgb(190,49,105)
```

Complementary Color

#31be40
```
#31be40 rgb(49,190,64)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#31b0be
```
#31b0be rgb(49,176,190)
```

Analogous Color

#be4031
```
#be4031 rgb(190,64,49)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#be31b0
```
#be31b0 rgb(190,49,176)
```

Split Complementary Color

#be8631
```
#be8631 rgb(190,134,49)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#8631be
```
#8631be rgb(134,49,190)
```

Triadic Color

#69be31
```
#69be31 rgb(105,190,49)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#8631be
```
#8631be rgb(134,49,190)
```
#be3169
```
#be3169 rgb(190,49,105)
```

Tetradic Color

#21815b
```
#21815b rgb(33,129,91)
```
#279569
```
#279569 rgb(39,149,105)
```
#2caa78
```
#2caa78 rgb(44,170,120)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#3ccd93
```
#3ccd93 rgb(60,205,147)
```
#50d29e
```
#50d29e rgb(80,210,158)
```
#64d7aa
```
#64d7aa rgb(100,215,170)
```

Monochromatic Color

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

#31be63
```
#31be63 rgb(49,190,99)
```
#31be6f
```
#31be6f rgb(49,190,111)
```
#31be7a
```
#31be7a rgb(49,190,122)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#31be92
```
#31be92 rgb(49,190,146)
```
#31be9e
```
#31be9e rgb(49,190,158)
```
#31bea9
```
#31bea9 rgb(49,190,169)
```

Similar Colors

Text with hexadecimal color #31be86

This text has a font color of #31be86.

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

#31be86 background color

This paragraph has a background color of #31be86.

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

#31be86 border color

This element has a border color of #31be86.

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

CSS codes

.text {color:#31be86;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05120d
```
#05120d rgb(5,18,13)
```
#092218
```
#092218 rgb(9,34,24)
```
#0d3223
```
#0d3223 rgb(13,50,35)
```
#11412e
```
#11412e rgb(17,65,46)
```
#155139
```
#155139 rgb(21,81,57)
```
#196044
```
#196044 rgb(25,96,68)
```
#1d704f
```
#1d704f rgb(29,112,79)
```
#21805a
```
#21805a rgb(33,128,90)
```
#258f65
```
#258f65 rgb(37,143,101)
```
#299f70
```
#299f70 rgb(41,159,112)
```
#2dae7b
```
#2dae7b rgb(45,174,123)
```
#31be86
```
#31be86 rgb(49,190,134)
```

Shade Color Variation

#37cb91
```
#37cb91 rgb(55,203,145)
```
#47cf99
```
#47cf99 rgb(71,207,153)
```
#56d4a2
```
#56d4a2 rgb(86,212,162)
```
#66d8aa
```
#66d8aa rgb(102,216,170)
```
#76dcb3
```
#76dcb3 rgb(118,220,179)
```
#85e0bc
```
#85e0bc rgb(133,224,188)
```
#95e4c4
```
#95e4c4 rgb(149,228,196)
```
#a4e8cd
```
#a4e8cd rgb(164,232,205)
```
#b4ecd6
```
#b4ecd6 rgb(180,236,214)
```
#c3f0de
```
#c3f0de rgb(195,240,222)
```
#d3f4e7
```
#d3f4e7 rgb(211,244,231)
```
#e3f8ef
```
#e3f8ef rgb(227,248,239)
```
#f2fcf8
```
#f2fcf8 rgb(242,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717e79 is the less saturated color, while #03ec8f is the most saturated one.

#717e79
```
#717e79 rgb(113,126,121)
```
#68877b
```
#68877b rgb(104,135,123)
```
#5f907d
```
#5f907d rgb(95,144,125)
```
#56997e
```
#56997e rgb(86,153,126)
```
#4da280
```
#4da280 rgb(77,162,128)
```
#43ac82
```
#43ac82 rgb(67,172,130)
```
#3ab584
```
#3ab584 rgb(58,181,132)
```
#31be86
```
#31be86 rgb(49,190,134)
```
#28c788
```
#28c788 rgb(40,199,136)
```
#1fd08a
```
#1fd08a rgb(31,208,138)
```
#15da8c
```
#15da8c rgb(21,218,140)
```
#0ce38e
```
#0ce38e rgb(12,227,142)
```
#03ec8f
```
#03ec8f rgb(3,236,143)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7b978c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ac83 Protanopia 1% of men
#c5a695 Deuteranopia 1% of men
#5bb9c7 Tritanopia 0.001% of the population

Trichromacy

#87b284 Protanomaly 1% of men, 0.01% of women
#8faf8f Deuteranomaly 6% of men, 0.4% of women
#4cbbaf Tritanomaly 0.01% of the population

#31be86 hex color

#31be86 Color Information

#31be86 Color Conversion

Color Schemes with #31be86

Alternatives to #31be86

#31be86 Preview

Shades and Tints of #31be86

Tones of #31be86

Color Blindness Simulator