#31aa97 Color Information
In a RGB color space, hex #31aa97 is composed of 19.2% red, 66.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 0% magenta, 11.2% yellow and 33.3% black. It has a hue angle of 170.6 degrees, a saturation of 55.3% and a lightness of 42.9%. #31aa97 color hex could be obtained by blending #62ffff with #00552f. Closest websafe color is: #339999.
-
- R 19
- G 67
- B 59
-
- C 71
- M 0
- Y 11
- K 33
● #31aa97 color description : Dark cyan.
#31aa97 Color Conversion
The hexadecimal color #31aa97 has RGB values of R:49, G:170, B:151 and CMYK values of C:0.71, M:0, Y:0.11, K:0.33. Its decimal value is 3254935.
Hex triplet | 31aa97 | #31aa97 |
---|---|---|
RGB Decimal | 49, 170, 151 | rgb(49,170,151) |
RGB Percent | 19.2, 66.7, 59.2 | rgb(19.2%,66.7%,59.2%) |
CMYK | 71, 0, 11, 33 | |
HSL | 170.6°, 55.3, 42.9 | hsl(170.6,55.3%,42.9%) |
HSV (or HSB) | 170.6°, 71.2, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.04, -37.34, 0.239 |
---|---|
XYZ | 21.225, 31.635, 34.264 |
xyY | 0.244, 0.363, 31.635 |
CIE-LCH | 63.04, 37.341, 179.633 |
CIE-LUV | 63.04, -45.887, 6.018 |
Hunter-Lab | 56.245, -31.067, 3.252 |
Binary | 00110001, 10101010, 10010111 |
Color Schemes with #31aa97
Alternatives to #31aa97
Below, you can see some colors close to #31aa97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31aa97 Preview
This text has a font color of #31aa97.
<span style="color:#31aa97;">Text here</span>
This paragraph has a background color of #31aa97.
<p style="background-color:#31aa97;">Content here</p>
This element has a border color of #31aa97.
<div style="border:1px solid #31aa97;">Content here</div>
.text {color:#31aa97;}
.background {background-color:#31aa97;}
.border {border:1px solid #31aa97;}
Shades and Tints of #31aa97
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, #010302 is the darkest color, while #f2fbfa is the lightest one.
-
#010302
#010302
rgb(1,3,2)
-
#051210
#051210
rgb(5,18,16)
-
#0a211d
#0a211d
rgb(10,33,29)
-
#0e302b
#0e302b
rgb(14,48,43)
-
#123f38
#123f38
rgb(18,63,56)
-
#174f46
#174f46
rgb(23,79,70)
-
#1b5e53
#1b5e53
rgb(27,94,83)
-
#1f6d61
#1f6d61
rgb(31,109,97)
-
#247c6e
#247c6e
rgb(36,124,110)
-
#288c7c
#288c7c
rgb(40,140,124)
-
#2d9b89
#2d9b89
rgb(45,155,137)
-
#31aa97
#31aa97
rgb(49,170,151)
-
#35b9a5
#35b9a5
rgb(53,185,165)
-
#3cc7b1
#3cc7b1
rgb(60,199,177)
-
#4bcbb7
#4bcbb7
rgb(75,203,183)
-
#5acfbd
#5acfbd
rgb(90,207,189)
-
#69d4c3
#69d4c3
rgb(105,212,195)
-
#78d8c9
#78d8c9
rgb(120,216,201)
-
#88ddcf
#88ddcf
rgb(136,221,207)
-
#97e1d5
#97e1d5
rgb(151,225,213)
-
#a6e5db
#a6e5db
rgb(166,229,219)
-
#b5eae2
#b5eae2
rgb(181,234,226)
-
#c5eee8
#c5eee8
rgb(197,238,232)
-
#d4f3ee
#d4f3ee
rgb(212,243,238)
-
#e3f7f4
#e3f7f4
rgb(227,247,244)
-
#f2fbfa
#f2fbfa
rgb(242,251,250)
Tones of #31aa97
A tone is produced by adding gray to any pure hue. In this case, #6c6f6f is the less saturated color, while #07d4b4 is the most saturated one.
-
#6c6f6f
#6c6f6f
rgb(108,111,111)
-
#647774
#647774
rgb(100,119,116)
-
#5b807a
#5b807a
rgb(91,128,122)
-
#538880
#538880
rgb(83,136,128)
-
#4a9186
#4a9186
rgb(74,145,134)
-
#42998b
#42998b
rgb(66,153,139)
-
#39a291
#39a291
rgb(57,162,145)
-
#31aa97
#31aa97
rgb(49,170,151)
-
#29b29d
#29b29d
rgb(41,178,157)
-
#20bba3
#20bba3
rgb(32,187,163)
-
#18c3a8
#18c3a8
rgb(24,195,168)
-
#0fccae
#0fccae
rgb(15,204,174)
-
#07d4b4
#07d4b4
rgb(7,212,180)
Color Blindness Simulator
Below, you can see how #31aa97 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.