#30ab97 Color Information
In a RGB color space, hex #30ab97 is composed of 18.8% red, 67.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 0% magenta, 11.7% yellow and 32.9% black. It has a hue angle of 170.2 degrees, a saturation of 56.2% and a lightness of 42.9%. #30ab97 color hex could be obtained by blending #60ffff with #00572f. Closest websafe color is: #339999.
-
- R 19
- G 67
- B 59
-
- C 72
- M 0
- Y 12
- K 33
● #30ab97 color description : Dark cyan.
#30ab97 Color Conversion
The hexadecimal color #30ab97 has RGB values of R:48, G:171, B:151 and CMYK values of C:0.72, M:0, Y:0.12, K:0.33. Its decimal value is 3189655.
Hex triplet | 30ab97 | #30ab97 |
---|---|---|
RGB Decimal | 48, 171, 151 | rgb(48,171,151) |
RGB Percent | 18.8, 67.1, 59.2 | rgb(18.8%,67.1%,59.2%) |
CMYK | 72, 0, 12, 33 | |
HSL | 170.2°, 56.2, 42.9 | hsl(170.2,56.2%,42.9%) |
HSV (or HSB) | 170.2°, 71.9, 67.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.332, -37.931, 0.662 |
---|---|
XYZ | 21.366, 31.987, 34.324 |
xyY | 0.244, 0.365, 31.987 |
CIE-LCH | 63.332, 37.937, 179 |
CIE-LUV | 63.332, -46.415, 6.732 |
Hunter-Lab | 56.557, -31.541, 3.606 |
Binary | 00110000, 10101011, 10010111 |
Color Schemes with #30ab97
Alternatives to #30ab97
Below, you can see some colors close to #30ab97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30ab97 Preview
This text has a font color of #30ab97.
<span style="color:#30ab97;">Text here</span>
This paragraph has a background color of #30ab97.
<p style="background-color:#30ab97;">Content here</p>
This element has a border color of #30ab97.
<div style="border:1px solid #30ab97;">Content here</div>
.text {color:#30ab97;}
.background {background-color:#30ab97;}
.border {border:1px solid #30ab97;}
Shades and Tints of #30ab97
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)
-
#09211d
#09211d
rgb(9,33,29)
-
#0e302b
#0e302b
rgb(14,48,43)
-
#124038
#124038
rgb(18,64,56)
-
#164f46
#164f46
rgb(22,79,70)
-
#1b5e53
#1b5e53
rgb(27,94,83)
-
#1f6e61
#1f6e61
rgb(31,110,97)
-
#237d6e
#237d6e
rgb(35,125,110)
-
#278c7c
#278c7c
rgb(39,140,124)
-
#2c9c89
#2c9c89
rgb(44,156,137)
-
#30ab97
#30ab97
rgb(48,171,151)
-
#34baa5
#34baa5
rgb(52,186,165)
-
#3ac8b1
#3ac8b1
rgb(58,200,177)
-
#4accb7
#4accb7
rgb(74,204,183)
-
#59d0bd
#59d0bd
rgb(89,208,189)
-
#68d5c3
#68d5c3
rgb(104,213,195)
-
#78d9c9
#78d9c9
rgb(120,217,201)
-
#87ddcf
#87ddcf
rgb(135,221,207)
-
#96e2d5
#96e2d5
rgb(150,226,213)
-
#a6e6db
#a6e6db
rgb(166,230,219)
-
#b5eae2
#b5eae2
rgb(181,234,226)
-
#c4efe8
#c4efe8
rgb(196,239,232)
-
#d4f3ee
#d4f3ee
rgb(212,243,238)
-
#e3f7f4
#e3f7f4
rgb(227,247,244)
-
#f2fbfa
#f2fbfa
rgb(242,251,250)
Tones of #30ab97
A tone is produced by adding gray to any pure hue. In this case, #6b706f is the less saturated color, while #06d5b3 is the most saturated one.
-
#6b706f
#6b706f
rgb(107,112,111)
-
#637875
#637875
rgb(99,120,117)
-
#5a817b
#5a817b
rgb(90,129,123)
-
#528980
#528980
rgb(82,137,128)
-
#499286
#499286
rgb(73,146,134)
-
#419a8c
#419a8c
rgb(65,154,140)
-
#38a391
#38a391
rgb(56,163,145)
-
#30ab97
#30ab97
rgb(48,171,151)
-
#28b39d
#28b39d
rgb(40,179,157)
-
#1fbca2
#1fbca2
rgb(31,188,162)
-
#17c4a8
#17c4a8
rgb(23,196,168)
-
#0ecdae
#0ecdae
rgb(14,205,174)
-
#06d5b3
#06d5b3
rgb(6,213,179)
Color Blindness Simulator
Below, you can see how #30ab97 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.