#31ff86 Color Information
In a RGB color space, hex #31ff86 is composed of 19.2% red, 100% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 47.5% yellow and 0% black. It has a hue angle of 144.8 degrees, a saturation of 100% and a lightness of 59.6%. #31ff86 color hex could be obtained by blending #62ffff with #00ff0d. Closest websafe color is: #33ff99.
-
- R 19
- G 100
- B 53
-
- C 81
- M 0
- Y 47
- K 0
● #31ff86 color description : Vivid cyan - lime green.
#31ff86 Color Conversion
The hexadecimal color #31ff86 has RGB values of R:49, G:255, B:134 and CMYK values of C:0.81, M:0, Y:0.47, K:0. Its decimal value is 3276678.
Hex triplet | 31ff86 | #31ff86 |
---|---|---|
RGB Decimal | 49, 255, 134 | rgb(49,255,134) |
RGB Percent | 19.2, 100, 52.5 | rgb(19.2%,100%,52.5%) |
CMYK | 81, 0, 47, 0 | |
HSL | 144.8°, 100, 59.6 | hsl(144.8,100%,59.6%) |
HSV (or HSB) | 144.8°, 80.8, 100 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.87, -73.235, 44.282 |
---|---|
XYZ | 41.327, 73.89, 34.637 |
xyY | 0.276, 0.493, 73.89 |
CIE-LCH | 88.87, 85.582, 148.84 |
CIE-LUV | 88.87, -76.219, 71.802 |
Hunter-Lab | 85.959, -64.611, 36.281 |
Binary | 00110001, 11111111, 10000110 |
Color Schemes with #31ff86
Alternatives to #31ff86
Below, you can see some colors close to #31ff86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31ff86 Preview
This text has a font color of #31ff86.
<span style="color:#31ff86;">Text here</span>
This paragraph has a background color of #31ff86.
<p style="background-color:#31ff86;">Content here</p>
This element has a border color of #31ff86.
<div style="border:1px solid #31ff86;">Content here</div>
.text {color:#31ff86;}
.background {background-color:#31ff86;}
.border {border:1px solid #31ff86;}
Shades and Tints of #31ff86
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, #000a04 is the darkest color, while #f5fff9 is the lightest one.
-
#000a04
#000a04
rgb(0,10,4)
-
#001d0c
#001d0c
rgb(0,29,12)
-
#003114
#003114
rgb(0,49,20)
-
#00451c
#00451c
rgb(0,69,28)
-
#005824
#005824
rgb(0,88,36)
-
#006c2c
#006c2c
rgb(0,108,44)
-
#007f35
#007f35
rgb(0,127,53)
-
#00933d
#00933d
rgb(0,147,61)
-
#00a745
#00a745
rgb(0,167,69)
-
#00ba4d
#00ba4d
rgb(0,186,77)
-
#00ce55
#00ce55
rgb(0,206,85)
-
#00e25d
#00e25d
rgb(0,226,93)
-
#00f565
#00f565
rgb(0,245,101)
-
#0aff6f
#0aff6f
rgb(10,255,111)
-
#1dff7a
#1dff7a
rgb(29,255,122)
-
#31ff86
#31ff86
rgb(49,255,134)
-
#45ff92
#45ff92
rgb(69,255,146)
-
#58ff9d
#58ff9d
rgb(88,255,157)
-
#6cffa9
#6cffa9
rgb(108,255,169)
-
#7fffb4
#7fffb4
rgb(127,255,180)
-
#93ffc0
#93ffc0
rgb(147,255,192)
-
#a7ffcb
#a7ffcb
rgb(167,255,203)
-
#baffd7
#baffd7
rgb(186,255,215)
-
#ceffe2
#ceffe2
rgb(206,255,226)
-
#e2ffee
#e2ffee
rgb(226,255,238)
-
#f5fff9
#f5fff9
rgb(245,255,249)
Tones of #31ff86
A tone is produced by adding gray to any pure hue. In this case, #90a097 is the less saturated color, while #31ff86 is the most saturated one.
-
#90a097
#90a097
rgb(144,160,151)
-
#88a895
#88a895
rgb(136,168,149)
-
#80b094
#80b094
rgb(128,176,148)
-
#78b892
#78b892
rgb(120,184,146)
-
#70c091
#70c091
rgb(112,192,145)
-
#68c890
#68c890
rgb(104,200,144)
-
#61cf8e
#61cf8e
rgb(97,207,142)
-
#59d78d
#59d78d
rgb(89,215,141)
-
#51df8c
#51df8c
rgb(81,223,140)
-
#49e78a
#49e78a
rgb(73,231,138)
-
#41ef89
#41ef89
rgb(65,239,137)
-
#39f787
#39f787
rgb(57,247,135)
-
#31ff86
#31ff86
rgb(49,255,134)
Color Blindness Simulator
Below, you can see how #31ff86 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.