#31aa96 Color Information
In a RGB color space, hex #31aa96 is composed of 19.2% red, 66.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 0% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 170.1 degrees, a saturation of 55.3% and a lightness of 42.9%. #31aa96 color hex could be obtained by blending #62ffff with #00552d. Closest websafe color is: #339999.
-
- R 19
- G 67
- B 59
-
- C 71
- M 0
- Y 12
- K 33
● #31aa96 color description : Dark cyan.
#31aa96 Color Conversion
The hexadecimal color #31aa96 has RGB values of R:49, G:170, B:150 and CMYK values of C:0.71, M:0, Y:0.12, K:0.33. Its decimal value is 3254934.
Hex triplet | 31aa96 | #31aa96 |
---|---|---|
RGB Decimal | 49, 170, 150 | rgb(49,170,150) |
RGB Percent | 19.2, 66.7, 58.8 | rgb(19.2%,66.7%,58.8%) |
CMYK | 71, 0, 12, 33 | |
HSL | 170.1°, 55.3, 42.9 | hsl(170.1,55.3%,42.9%) |
HSV (or HSB) | 170.1°, 71.2, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.013, -37.61, 0.759 |
---|---|
XYZ | 21.145, 31.602, 33.838 |
xyY | 0.244, 0.365, 31.602 |
CIE-LCH | 63.013, 37.618, 178.844 |
CIE-LUV | 63.013, -45.952, 6.82 |
Hunter-Lab | 56.216, -31.239, 3.663 |
Binary | 00110001, 10101010, 10010110 |
Color Schemes with #31aa96
Alternatives to #31aa96
Below, you can see some colors close to #31aa96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31aa96 Preview
This text has a font color of #31aa96.
<span style="color:#31aa96;">Text here</span>
This paragraph has a background color of #31aa96.
<p style="background-color:#31aa96;">Content here</p>
This element has a border color of #31aa96.
<div style="border:1px solid #31aa96;">Content here</div>
.text {color:#31aa96;}
.background {background-color:#31aa96;}
.border {border:1px solid #31aa96;}
Shades and Tints of #31aa96
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)
-
#174f45
#174f45
rgb(23,79,69)
-
#1b5e53
#1b5e53
rgb(27,94,83)
-
#1f6d60
#1f6d60
rgb(31,109,96)
-
#247c6e
#247c6e
rgb(36,124,110)
-
#288c7b
#288c7b
rgb(40,140,123)
-
#2d9b89
#2d9b89
rgb(45,155,137)
-
#31aa96
#31aa96
rgb(49,170,150)
-
#35b9a3
#35b9a3
rgb(53,185,163)
-
#3cc7b0
#3cc7b0
rgb(60,199,176)
-
#4bcbb6
#4bcbb6
rgb(75,203,182)
-
#5acfbc
#5acfbc
rgb(90,207,188)
-
#69d4c2
#69d4c2
rgb(105,212,194)
-
#78d8c8
#78d8c8
rgb(120,216,200)
-
#88ddcf
#88ddcf
rgb(136,221,207)
-
#97e1d5
#97e1d5
rgb(151,225,213)
-
#a6e5db
#a6e5db
rgb(166,229,219)
-
#b5eae1
#b5eae1
rgb(181,234,225)
-
#c5eee7
#c5eee7
rgb(197,238,231)
-
#d4f3ed
#d4f3ed
rgb(212,243,237)
-
#e3f7f4
#e3f7f4
rgb(227,247,244)
-
#f2fbfa
#f2fbfa
rgb(242,251,250)
Tones of #31aa96
A tone is produced by adding gray to any pure hue. In this case, #6c6f6f is the less saturated color, while #07d4b2 is the most saturated one.
-
#6c6f6f
#6c6f6f
rgb(108,111,111)
-
#647774
#647774
rgb(100,119,116)
-
#5b807a
#5b807a
rgb(91,128,122)
-
#53887f
#53887f
rgb(83,136,127)
-
#4a9185
#4a9185
rgb(74,145,133)
-
#42998b
#42998b
rgb(66,153,139)
-
#39a290
#39a290
rgb(57,162,144)
-
#31aa96
#31aa96
rgb(49,170,150)
-
#29b29c
#29b29c
rgb(41,178,156)
-
#20bba1
#20bba1
rgb(32,187,161)
-
#18c3a7
#18c3a7
rgb(24,195,167)
-
#0fccad
#0fccad
rgb(15,204,173)
-
#07d4b2
#07d4b2
rgb(7,212,178)
Color Blindness Simulator
Below, you can see how #31aa96 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.