#31a88f Color Information
In a RGB color space, hex #31a88f is composed of 19.2% red, 65.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 14.9% yellow and 34.1% black. It has a hue angle of 167.4 degrees, a saturation of 54.8% and a lightness of 42.5%. #31a88f color hex could be obtained by blending #62ffff with #00511f. Closest websafe color is: #339999.
-
- R 19
- G 66
- B 56
-
- C 71
- M 0
- Y 15
- K 34
● #31a88f color description : Dark cyan.
#31a88f Color Conversion
The hexadecimal color #31a88f has RGB values of R:49, G:168, B:143 and CMYK values of C:0.71, M:0, Y:0.15, K:0.34. Its decimal value is 3254415.
Hex triplet | 31a88f | #31a88f |
---|---|---|
RGB Decimal | 49, 168, 143 | rgb(49,168,143) |
RGB Percent | 19.2, 65.9, 56.1 | rgb(19.2%,65.9%,56.1%) |
CMYK | 71, 0, 15, 34 | |
HSL | 167.4°, 54.8, 42.5 | hsl(167.4,54.8%,42.5%) |
HSV (or HSB) | 167.4°, 70.8, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.202, -38.57, 3.496 |
---|---|
XYZ | 20.225, 30.64, 30.833 |
xyY | 0.248, 0.375, 30.64 |
CIE-LCH | 62.202, 38.728, 174.821 |
CIE-LUV | 62.202, -45.673, 10.905 |
Hunter-Lab | 55.353, -31.646, 5.721 |
Binary | 00110001, 10101000, 10001111 |
Color Schemes with #31a88f
Alternatives to #31a88f
Below, you can see some colors close to #31a88f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31a88f Preview
This text has a font color of #31a88f.
<span style="color:#31a88f;">Text here</span>
This paragraph has a background color of #31a88f.
<p style="background-color:#31a88f;">Content here</p>
This element has a border color of #31a88f.
<div style="border:1px solid #31a88f;">Content here</div>
.text {color:#31a88f;}
.background {background-color:#31a88f;}
.border {border:1px solid #31a88f;}
Shades and Tints of #31a88f
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, #000101 is the darkest color, while #f1fbf9 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#05100e
#05100e
rgb(5,16,14)
-
#091f1b
#091f1b
rgb(9,31,27)
-
#0e2f28
#0e2f28
rgb(14,47,40)
-
#123e35
#123e35
rgb(18,62,53)
-
#164d41
#164d41
rgb(22,77,65)
-
#1b5c4e
#1b5c4e
rgb(27,92,78)
-
#1f6b5b
#1f6b5b
rgb(31,107,91)
-
#247a68
#247a68
rgb(36,122,104)
-
#288a75
#288a75
rgb(40,138,117)
-
#2d9982
#2d9982
rgb(45,153,130)
-
#31a88f
#31a88f
rgb(49,168,143)
-
#35b79c
#35b79c
rgb(53,183,156)
-
#3bc6a8
#3bc6a8
rgb(59,198,168)
-
#4acaaf
#4acaaf
rgb(74,202,175)
-
#59cfb6
#59cfb6
rgb(89,207,182)
-
#68d3bd
#68d3bd
rgb(104,211,189)
-
#77d7c3
#77d7c3
rgb(119,215,195)
-
#86dcca
#86dcca
rgb(134,220,202)
-
#96e0d1
#96e0d1
rgb(150,224,209)
-
#a5e5d7
#a5e5d7
rgb(165,229,215)
-
#b4e9de
#b4e9de
rgb(180,233,222)
-
#c3eee5
#c3eee5
rgb(195,238,229)
-
#d2f2eb
#d2f2eb
rgb(210,242,235)
-
#e2f6f2
#e2f6f2
rgb(226,246,242)
-
#f1fbf9
#f1fbf9
rgb(241,251,249)
Tones of #31a88f
A tone is produced by adding gray to any pure hue. In this case, #6b6e6d is the less saturated color, while #07d2a7 is the most saturated one.
-
#6b6e6d
#6b6e6d
rgb(107,110,109)
-
#637672
#637672
rgb(99,118,114)
-
#5b7e77
#5b7e77
rgb(91,126,119)
-
#52877c
#52877c
rgb(82,135,124)
-
#4a8f80
#4a8f80
rgb(74,143,128)
-
#429785
#429785
rgb(66,151,133)
-
#39a08a
#39a08a
rgb(57,160,138)
-
#31a88f
#31a88f
rgb(49,168,143)
-
#29b094
#29b094
rgb(41,176,148)
-
#20b999
#20b999
rgb(32,185,153)
-
#18c19e
#18c19e
rgb(24,193,158)
-
#10c9a2
#10c9a2
rgb(16,201,162)
-
#07d2a7
#07d2a7
rgb(7,210,167)
Color Blindness Simulator
Below, you can see how #31a88f 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.