#31f684 Color Information
In a RGB color space, hex #31f684 is composed of 19.2% red, 96.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 0% magenta, 46.3% yellow and 3.5% black. It has a hue angle of 145.3 degrees, a saturation of 91.6% and a lightness of 57.8%. #31f684 color hex could be obtained by blending #62ffff with #00ed09. Closest websafe color is: #33ff99.
-
- R 19
- G 96
- B 52
-
- C 80
- M 0
- Y 46
- K 4
● #31f684 color description : Bright cyan - lime green.
#31f684 Color Conversion
The hexadecimal color #31f684 has RGB values of R:49, G:246, B:132 and CMYK values of C:0.8, M:0, Y:0.46, K:0.04. Its decimal value is 3274372.
Hex triplet | 31f684 | #31f684 |
---|---|---|
RGB Decimal | 49, 246, 132 | rgb(49,246,132) |
RGB Percent | 19.2, 96.5, 51.8 | rgb(19.2%,96.5%,51.8%) |
CMYK | 80, 0, 46, 4 | |
HSL | 145.3°, 91.6, 57.8 | hsl(145.3,91.6%,57.8%) |
HSV (or HSB) | 145.3°, 80.1, 96.5 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 86.12, -70.59, 41.76 |
---|---|
XYZ | 38.385, 68.226, 32.975 |
xyY | 0.275, 0.489, 68.226 |
CIE-LCH | 86.12, 82.017, 149.392 |
CIE-LUV | 86.12, -73.398, 67.941 |
Hunter-Lab | 82.599, -61.598, 34.15 |
Binary | 00110001, 11110110, 10000100 |
Color Schemes with #31f684
Alternatives to #31f684
Below, you can see some colors close to #31f684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31f684 Preview
This text has a font color of #31f684.
<span style="color:#31f684;">Text here</span>
This paragraph has a background color of #31f684.
<p style="background-color:#31f684;">Content here</p>
This element has a border color of #31f684.
<div style="border:1px solid #31f684;">Content here</div>
.text {color:#31f684;}
.background {background-color:#31f684;}
.border {border:1px solid #31f684;}
Shades and Tints of #31f684
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, #000100 is the darkest color, while #edfef4 is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#011409
#011409
rgb(1,20,9)
-
#022611
#022611
rgb(2,38,17)
-
#02391a
#02391a
rgb(2,57,26)
-
#034c22
#034c22
rgb(3,76,34)
-
#045f2a
#045f2a
rgb(4,95,42)
-
#057233
#057233
rgb(5,114,51)
-
#06843b
#06843b
rgb(6,132,59)
-
#079743
#079743
rgb(7,151,67)
-
#07aa4c
#07aa4c
rgb(7,170,76)
-
#08bd54
#08bd54
rgb(8,189,84)
-
#09cf5d
#09cf5d
rgb(9,207,93)
-
#0ae265
#0ae265
rgb(10,226,101)
-
#0bf46e
#0bf46e
rgb(11,244,110)
-
#1ef579
#1ef579
rgb(30,245,121)
-
#31f684
#31f684
rgb(49,246,132)
-
#44f78f
#44f78f
rgb(68,247,143)
-
#57f89a
#57f89a
rgb(87,248,154)
-
#69f8a6
#69f8a6
rgb(105,248,166)
-
#7cf9b1
#7cf9b1
rgb(124,249,177)
-
#8ffabc
#8ffabc
rgb(143,250,188)
-
#a2fbc7
#a2fbc7
rgb(162,251,199)
-
#b5fcd3
#b5fcd3
rgb(181,252,211)
-
#c7fdde
#c7fdde
rgb(199,253,222)
-
#dafde9
#dafde9
rgb(218,253,233)
-
#edfef4
#edfef4
rgb(237,254,244)
Tones of #31f684
A tone is produced by adding gray to any pure hue. In this case, #8c9b92 is the less saturated color, while #29fe83 is the most saturated one.
-
#8c9b92
#8c9b92
rgb(140,155,146)
-
#84a391
#84a391
rgb(132,163,145)
-
#7bac90
#7bac90
rgb(123,172,144)
-
#73b48e
#73b48e
rgb(115,180,142)
-
#6bbc8d
#6bbc8d
rgb(107,188,141)
-
#63c48c
#63c48c
rgb(99,196,140)
-
#5acd8b
#5acd8b
rgb(90,205,139)
-
#52d589
#52d589
rgb(82,213,137)
-
#4add88
#4add88
rgb(74,221,136)
-
#42e587
#42e587
rgb(66,229,135)
-
#39ee85
#39ee85
rgb(57,238,133)
-
#31f684
#31f684
rgb(49,246,132)
-
#29fe83
#29fe83
rgb(41,254,131)
Color Blindness Simulator
Below, you can see how #31f684 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.