#30a89d Color Information
In a RGB color space, hex #30a89d is composed of 18.8% red, 65.9% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 0% magenta, 6.5% yellow and 34.1% black. It has a hue angle of 174.5 degrees, a saturation of 55.6% and a lightness of 42.4%. #30a89d color hex could be obtained by blending #60ffff with #00513b. Closest websafe color is: #339999.
-
- R 19
- G 66
- B 62
-
- C 71
- M 0
- Y 7
- K 34
● #30a89d color description : Dark cyan.
#30a89d Color Conversion
The hexadecimal color #30a89d has RGB values of R:48, G:168, B:157 and CMYK values of C:0.71, M:0, Y:0.07, K:0.34. Its decimal value is 3188893.
Hex triplet | 30a89d | #30a89d |
---|---|---|
RGB Decimal | 48, 168, 157 | rgb(48,168,157) |
RGB Percent | 18.8, 65.9, 61.6 | rgb(18.8%,65.9%,61.6%) |
CMYK | 71, 0, 7, 34 | |
HSL | 174.5°, 55.6, 42.4 | hsl(174.5,55.6%,42.4%) |
HSV (or HSB) | 174.5°, 71.4, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.563, -34.905, -3.821 |
---|---|
XYZ | 21.305, 31.066, 36.77 |
xyY | 0.239, 0.349, 31.066 |
CIE-LCH | 62.563, 35.114, 186.248 |
CIE-LUV | 62.563, -44.924, -0.39 |
Hunter-Lab | 55.737, -29.308, -0.098 |
Binary | 00110000, 10101000, 10011101 |
Color Schemes with #30a89d
Alternatives to #30a89d
Below, you can see some colors close to #30a89d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a89d Preview
This text has a font color of #30a89d.
<span style="color:#30a89d;">Text here</span>
This paragraph has a background color of #30a89d.
<p style="background-color:#30a89d;">Content here</p>
This element has a border color of #30a89d.
<div style="border:1px solid #30a89d;">Content here</div>
.text {color:#30a89d;}
.background {background-color:#30a89d;}
.border {border:1px solid #30a89d;}
Shades and Tints of #30a89d
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, #000000 is the darkest color, while #f0fbfa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#040f0e
#040f0e
rgb(4,15,14)
-
#091f1d
#091f1d
rgb(9,31,29)
-
#0d2e2b
#0d2e2b
rgb(13,46,43)
-
#113d39
#113d39
rgb(17,61,57)
-
#164c47
#164c47
rgb(22,76,71)
-
#1a5c56
#1a5c56
rgb(26,92,86)
-
#1f6b64
#1f6b64
rgb(31,107,100)
-
#237a72
#237a72
rgb(35,122,114)
-
#278980
#278980
rgb(39,137,128)
-
#2c998f
#2c998f
rgb(44,153,143)
-
#30a89d
#30a89d
rgb(48,168,157)
-
#34b7ab
#34b7ab
rgb(52,183,171)
-
#39c6b9
#39c6b9
rgb(57,198,185)
-
#48cbbf
#48cbbf
rgb(72,203,191)
-
#57cfc4
#57cfc4
rgb(87,207,196)
-
#67d3c9
#67d3c9
rgb(103,211,201)
-
#76d8cf
#76d8cf
rgb(118,216,207)
-
#85dcd4
#85dcd4
rgb(133,220,212)
-
#94e1da
#94e1da
rgb(148,225,218)
-
#a4e5df
#a4e5df
rgb(164,229,223)
-
#b3e9e4
#b3e9e4
rgb(179,233,228)
-
#c2eeea
#c2eeea
rgb(194,238,234)
-
#d1f2ef
#d1f2ef
rgb(209,242,239)
-
#e1f6f4
#e1f6f4
rgb(225,246,244)
-
#f0fbfa
#f0fbfa
rgb(240,251,250)
Tones of #30a89d
A tone is produced by adding gray to any pure hue. In this case, #6a6e6e is the less saturated color, while #06d2bf is the most saturated one.
-
#6a6e6e
#6a6e6e
rgb(106,110,110)
-
#627674
#627674
rgb(98,118,116)
-
#5a7e7b
#5a7e7b
rgb(90,126,123)
-
#518782
#518782
rgb(81,135,130)
-
#498f89
#498f89
rgb(73,143,137)
-
#41978f
#41978f
rgb(65,151,143)
-
#38a096
#38a096
rgb(56,160,150)
-
#30a89d
#30a89d
rgb(48,168,157)
-
#28b0a4
#28b0a4
rgb(40,176,164)
-
#1fb9ab
#1fb9ab
rgb(31,185,171)
-
#17c1b1
#17c1b1
rgb(23,193,177)
-
#0fc9b8
#0fc9b8
rgb(15,201,184)
-
#06d2bf
#06d2bf
rgb(6,210,191)
Color Blindness Simulator
Below, you can see how #30a89d 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.