#31d678 Color Information
In a RGB color space, hex #31d678 is composed of 19.2% red, 83.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 43.9% yellow and 16.1% black. It has a hue angle of 145.8 degrees, a saturation of 66.8% and a lightness of 51.6%. #31d678 color hex could be obtained by blending #62fff0 with #00ad00. Closest websafe color is: #33cc66.
-
- R 19
- G 84
- B 47
-
- C 77
- M 0
- Y 44
- K 16
● #31d678 color description : Strong cyan - lime green.
#31d678 Color Conversion
The hexadecimal color #31d678 has RGB values of R:49, G:214, B:120 and CMYK values of C:0.77, M:0, Y:0.44, K:0.16. Its decimal value is 3266168.
Hex triplet | 31d678 | #31d678 |
---|---|---|
RGB Decimal | 49, 214, 120 | rgb(49,214,120) |
RGB Percent | 19.2, 83.9, 47.1 | rgb(19.2%,83.9%,47.1%) |
CMYK | 77, 0, 44, 16 | |
HSL | 145.8°, 66.8, 51.6 | hsl(145.8,66.8%,51.6%) |
HSV (or HSB) | 145.8°, 77.1, 83.9 | |
Web Safe | 33cc66 | #33cc66 |
CIE-LAB | 76.13, -61.665, 34.884 |
---|---|
XYZ | 28.701, 50.099, 25.926 |
xyY | 0.274, 0.478, 50.099 |
CIE-LCH | 76.13, 70.848, 150.503 |
CIE-LUV | 76.13, -63.369, 56.611 |
Hunter-Lab | 70.781, -51.485, 27.83 |
Binary | 00110001, 11010110, 01111000 |
Color Schemes with #31d678
Alternatives to #31d678
Below, you can see some colors close to #31d678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31d678 Preview
This text has a font color of #31d678.
<span style="color:#31d678;">Text here</span>
This paragraph has a background color of #31d678.
<p style="background-color:#31d678;">Content here</p>
This element has a border color of #31d678.
<div style="border:1px solid #31d678;">Content here</div>
.text {color:#31d678;}
.background {background-color:#31d678;}
.border {border:1px solid #31d678;}
Shades and Tints of #31d678
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, #010704 is the darkest color, while #f5fdf9 is the lightest one.
-
#010704
#010704
rgb(1,7,4)
-
#05170d
#05170d
rgb(5,23,13)
-
#082715
#082715
rgb(8,39,21)
-
#0b381e
#0b381e
rgb(11,56,30)
-
#0e4827
#0e4827
rgb(14,72,39)
-
#125830
#125830
rgb(18,88,48)
-
#156939
#156939
rgb(21,105,57)
-
#187942
#187942
rgb(24,121,66)
-
#1b8a4b
#1b8a4b
rgb(27,138,75)
-
#1f9a54
#1f9a54
rgb(31,154,84)
-
#22aa5d
#22aa5d
rgb(34,170,93)
-
#25bb65
#25bb65
rgb(37,187,101)
-
#28cb6e
#28cb6e
rgb(40,203,110)
-
#31d678
#31d678
rgb(49,214,120)
-
#41d983
#41d983
rgb(65,217,131)
-
#52dd8d
#52dd8d
rgb(82,221,141)
-
#62e098
#62e098
rgb(98,224,152)
-
#72e3a3
#72e3a3
rgb(114,227,163)
-
#83e6ae
#83e6ae
rgb(131,230,174)
-
#93eab8
#93eab8
rgb(147,234,184)
-
#a4edc3
#a4edc3
rgb(164,237,195)
-
#b4f0ce
#b4f0ce
rgb(180,240,206)
-
#c4f3d8
#c4f3d8
rgb(196,243,216)
-
#d5f7e3
#d5f7e3
rgb(213,247,227)
-
#e5faee
#e5faee
rgb(229,250,238)
-
#f5fdf9
#f5fdf9
rgb(245,253,249)
Tones of #31d678
A tone is produced by adding gray to any pure hue. In this case, #7d8a83 is the less saturated color, while #0bfc73 is the most saturated one.
-
#7d8a83
#7d8a83
rgb(125,138,131)
-
#749481
#749481
rgb(116,148,129)
-
#6a9d80
#6a9d80
rgb(106,157,128)
-
#61a77f
#61a77f
rgb(97,167,127)
-
#57b07d
#57b07d
rgb(87,176,125)
-
#4eba7c
#4eba7c
rgb(78,186,124)
-
#44c37b
#44c37b
rgb(68,195,123)
-
#3bcd79
#3bcd79
rgb(59,205,121)
-
#31d678
#31d678
rgb(49,214,120)
-
#28e077
#28e077
rgb(40,224,119)
-
#1ee975
#1ee975
rgb(30,233,117)
-
#15f374
#15f374
rgb(21,243,116)
-
#0bfc73
#0bfc73
rgb(11,252,115)
Color Blindness Simulator
Below, you can see how #31d678 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.