#31d898 Color Information
In a RGB color space, hex #31d898 is composed of 19.2% red, 84.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 29.6% yellow and 15.3% black. It has a hue angle of 157 degrees, a saturation of 68.2% and a lightness of 52%. #31d898 color hex could be obtained by blending #62ffff with #00b131. Closest websafe color is: #33cc99.
-
- R 19
- G 85
- B 60
-
- C 77
- M 0
- Y 30
- K 15
● #31d898 color description : Strong cyan - lime green.
#31d898 Color Conversion
The hexadecimal color #31d898 has RGB values of R:49, G:216, B:152 and CMYK values of C:0.77, M:0, Y:0.3, K:0.15. Its decimal value is 3266712.
Hex triplet | 31d898 | #31d898 |
---|---|---|
RGB Decimal | 49, 216, 152 | rgb(49,216,152) |
RGB Percent | 19.2, 84.7, 59.6 | rgb(19.2%,84.7%,59.6%) |
CMYK | 77, 0, 30, 15 | |
HSL | 157°, 68.2, 52 | hsl(157,68.2%,52%) |
HSV (or HSB) | 157°, 77.3, 84.7 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 77.298, -56.178, 19.94 |
---|---|
XYZ | 31.487, 52.029, 38.087 |
xyY | 0.259, 0.428, 52.029 |
CIE-LCH | 77.298, 59.611, 160.458 |
CIE-LUV | 77.298, -62.152, 37.426 |
Hunter-Lab | 72.131, -48.308, 19.185 |
Binary | 00110001, 11011000, 10011000 |
Color Schemes with #31d898
Alternatives to #31d898
Below, you can see some colors close to #31d898. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31d898 Preview
This text has a font color of #31d898.
<span style="color:#31d898;">Text here</span>
This paragraph has a background color of #31d898.
<p style="background-color:#31d898;">Content here</p>
This element has a border color of #31d898.
<div style="border:1px solid #31d898;">Content here</div>
.text {color:#31d898;}
.background {background-color:#31d898;}
.border {border:1px solid #31d898;}
Shades and Tints of #31d898
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, #020806 is the darkest color, while #f7fdfb is the lightest one.
-
#020806
#020806
rgb(2,8,6)
-
#051911
#051911
rgb(5,25,17)
-
#08291d
#08291d
rgb(8,41,29)
-
#0b3a28
#0b3a28
rgb(11,58,40)
-
#0e4a33
#0e4a33
rgb(14,74,51)
-
#115b3f
#115b3f
rgb(17,91,63)
-
#146b4a
#146b4a
rgb(20,107,74)
-
#177c55
#177c55
rgb(23,124,85)
-
#1b8c61
#1b8c61
rgb(27,140,97)
-
#1e9d6c
#1e9d6c
rgb(30,157,108)
-
#21ad77
#21ad77
rgb(33,173,119)
-
#24be83
#24be83
rgb(36,190,131)
-
#27ce8e
#27ce8e
rgb(39,206,142)
-
#31d898
#31d898
rgb(49,216,152)
-
#41dba0
#41dba0
rgb(65,219,160)
-
#52dea8
#52dea8
rgb(82,222,168)
-
#62e1b1
#62e1b1
rgb(98,225,177)
-
#73e4b9
#73e4b9
rgb(115,228,185)
-
#83e8c1
#83e8c1
rgb(131,232,193)
-
#94ebc9
#94ebc9
rgb(148,235,201)
-
#a4eed2
#a4eed2
rgb(164,238,210)
-
#b5f1da
#b5f1da
rgb(181,241,218)
-
#c5f4e2
#c5f4e2
rgb(197,244,226)
-
#d6f7ea
#d6f7ea
rgb(214,247,234)
-
#e6faf3
#e6faf3
rgb(230,250,243)
-
#f7fdfb
#f7fdfb
rgb(247,253,251)
Tones of #31d898
A tone is produced by adding gray to any pure hue. In this case, #7c8d86 is the less saturated color, while #0bfea1 is the most saturated one.
-
#7c8d86
#7c8d86
rgb(124,141,134)
-
#739689
#739689
rgb(115,150,137)
-
#6a9f8b
#6a9f8b
rgb(106,159,139)
-
#60a98d
#60a98d
rgb(96,169,141)
-
#57b28f
#57b28f
rgb(87,178,143)
-
#4dbc91
#4dbc91
rgb(77,188,145)
-
#44c594
#44c594
rgb(68,197,148)
-
#3acf96
#3acf96
rgb(58,207,150)
-
#31d898
#31d898
rgb(49,216,152)
-
#28e19a
#28e19a
rgb(40,225,154)
-
#1eeb9c
#1eeb9c
rgb(30,235,156)
-
#15f49f
#15f49f
rgb(21,244,159)
-
#0bfea1
#0bfea1
rgb(11,254,161)
Color Blindness Simulator
Below, you can see how #31d898 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.