#2fab96 Color Information
In a RGB color space, hex #2fab96 is composed of 18.4% red, 67.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 0% magenta, 12.3% yellow and 32.9% black. It has a hue angle of 169.8 degrees, a saturation of 56.9% and a lightness of 42.7%. #2fab96 color hex could be obtained by blending #5effff with #00572d. Closest websafe color is: #339999.
-
- R 18
- G 67
- B 59
-
- C 73
- M 0
- Y 12
- K 33
● #2fab96 color description : Dark cyan.
#2fab96 Color Conversion
The hexadecimal color #2fab96 has RGB values of R:47, G:171, B:150 and CMYK values of C:0.73, M:0, Y:0.12, K:0.33. Its decimal value is 3124118.
Hex triplet | 2fab96 | #2fab96 |
---|---|---|
RGB Decimal | 47, 171, 150 | rgb(47,171,150) |
RGB Percent | 18.4, 67.1, 58.8 | rgb(18.4%,67.1%,58.8%) |
CMYK | 73, 0, 12, 33 | |
HSL | 169.8°, 56.9, 42.7 | hsl(169.8,56.9%,42.7%) |
HSV (or HSB) | 169.8°, 72.5, 67.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.285, -38.336, 1.15 |
---|---|
XYZ | 21.238, 31.93, 33.896 |
xyY | 0.244, 0.367, 31.93 |
CIE-LCH | 63.285, 38.353, 178.281 |
CIE-LUV | 63.285, -46.642, 7.503 |
Hunter-Lab | 56.507, -31.797, 3.989 |
Binary | 00101111, 10101011, 10010110 |
Color Schemes with #2fab96
Alternatives to #2fab96
Below, you can see some colors close to #2fab96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2fab96 Preview
This text has a font color of #2fab96.
<span style="color:#2fab96;">Text here</span>
This paragraph has a background color of #2fab96.
<p style="background-color:#2fab96;">Content here</p>
This element has a border color of #2fab96.
<div style="border:1px solid #2fab96;">Content here</div>
.text {color:#2fab96;}
.background {background-color:#2fab96;}
.border {border:1px solid #2fab96;}
Shades and Tints of #2fab96
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, #000202 is the darkest color, while #f1fbfa is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#05110f
#05110f
rgb(5,17,15)
-
#09211d
#09211d
rgb(9,33,29)
-
#0d302a
#0d302a
rgb(13,48,42)
-
#113f38
#113f38
rgb(17,63,56)
-
#164f45
#164f45
rgb(22,79,69)
-
#1a5e53
#1a5e53
rgb(26,94,83)
-
#1e6d60
#1e6d60
rgb(30,109,96)
-
#227d6e
#227d6e
rgb(34,125,110)
-
#278c7b
#278c7b
rgb(39,140,123)
-
#2b9c89
#2b9c89
rgb(43,156,137)
-
#2fab96
#2fab96
rgb(47,171,150)
-
#33baa3
#33baa3
rgb(51,186,163)
-
#39c9b0
#39c9b0
rgb(57,201,176)
-
#48cdb6
#48cdb6
rgb(72,205,182)
-
#57d1bc
#57d1bc
rgb(87,209,188)
-
#67d5c3
#67d5c3
rgb(103,213,195)
-
#76d9c9
#76d9c9
rgb(118,217,201)
-
#86decf
#86decf
rgb(134,222,207)
-
#95e2d5
#95e2d5
rgb(149,226,213)
-
#a4e6db
#a4e6db
rgb(164,230,219)
-
#b4eae1
#b4eae1
rgb(180,234,225)
-
#c3efe7
#c3efe7
rgb(195,239,231)
-
#d3f3ed
#d3f3ed
rgb(211,243,237)
-
#e2f7f3
#e2f7f3
rgb(226,247,243)
-
#f1fbfa
#f1fbfa
rgb(241,251,250)
Tones of #2fab96
A tone is produced by adding gray to any pure hue. In this case, #6a706f is the less saturated color, while #05d5b2 is the most saturated one.
-
#6a706f
#6a706f
rgb(106,112,111)
-
#617975
#617975
rgb(97,121,117)
-
#59817a
#59817a
rgb(89,129,122)
-
#518980
#518980
rgb(81,137,128)
-
#489285
#489285
rgb(72,146,133)
-
#409a8b
#409a8b
rgb(64,154,139)
-
#37a390
#37a390
rgb(55,163,144)
-
#2fab96
#2fab96
rgb(47,171,150)
-
#27b39c
#27b39c
rgb(39,179,156)
-
#1ebca1
#1ebca1
rgb(30,188,161)
-
#16c4a7
#16c4a7
rgb(22,196,167)
-
#0dcdac
#0dcdac
rgb(13,205,172)
-
#05d5b2
#05d5b2
rgb(5,213,178)
Color Blindness Simulator
Below, you can see how #2fab96 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.