#30a396 Color Information
In a RGB color space, hex #30a396 is composed of 18.8% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 8% yellow and 36.1% black. It has a hue angle of 173.2 degrees, a saturation of 54.5% and a lightness of 41.4%. #30a396 color hex could be obtained by blending #60ffff with #00472d. Closest websafe color is: #339999.
-
- R 19
- G 64
- B 59
-
- C 71
- M 0
- Y 8
- K 36
● #30a396 color description : Dark cyan.
#30a396 Color Conversion
The hexadecimal color #30a396 has RGB values of R:48, G:163, B:150 and CMYK values of C:0.71, M:0, Y:0.08, K:0.36. Its decimal value is 3187606.
Hex triplet | 30a396 | #30a396 |
---|---|---|
RGB Decimal | 48, 163, 150 | rgb(48,163,150) |
RGB Percent | 18.8, 63.9, 58.8 | rgb(18.8%,63.9%,58.8%) |
CMYK | 71, 0, 8, 36 | |
HSL | 173.2°, 54.5, 41.4 | hsl(173.2,54.5%,41.4%) |
HSV (or HSB) | 173.2°, 70.6, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.802, -34.546, -2.48 |
---|---|
XYZ | 19.819, 29.023, 33.41 |
xyY | 0.241, 0.353, 29.023 |
CIE-LCH | 60.802, 34.635, 184.106 |
CIE-LUV | 60.802, -43.552, 1.559 |
Hunter-Lab | 53.873, -28.609, 0.942 |
Binary | 00110000, 10100011, 10010110 |
Color Schemes with #30a396
Alternatives to #30a396
Below, you can see some colors close to #30a396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a396 Preview
This text has a font color of #30a396.
<span style="color:#30a396;">Text here</span>
This paragraph has a background color of #30a396.
<p style="background-color:#30a396;">Content here</p>
This element has a border color of #30a396.
<div style="border:1px solid #30a396;">Content here</div>
.text {color:#30a396;}
.background {background-color:#30a396;}
.border {border:1px solid #30a396;}
Shades and Tints of #30a396
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, #030b0b is the darkest color, while #fbfefe is the lightest one.
-
#030b0b
#030b0b
rgb(3,11,11)
-
#081b18
#081b18
rgb(8,27,24)
-
#0c2a26
#0c2a26
rgb(12,42,38)
-
#113934
#113934
rgb(17,57,52)
-
#154842
#154842
rgb(21,72,66)
-
#1a5750
#1a5750
rgb(26,87,80)
-
#1e665e
#1e665e
rgb(30,102,94)
-
#23766c
#23766c
rgb(35,118,108)
-
#27857a
#27857a
rgb(39,133,122)
-
#2c9488
#2c9488
rgb(44,148,136)
-
#30a396
#30a396
rgb(48,163,150)
-
#34b2a4
#34b2a4
rgb(52,178,164)
-
#39c1b2
#39c1b2
rgb(57,193,178)
-
#45c8ba
#45c8ba
rgb(69,200,186)
-
#55cdbf
#55cdbf
rgb(85,205,191)
-
#64d1c5
#64d1c5
rgb(100,209,197)
-
#73d6cb
#73d6cb
rgb(115,214,203)
-
#82dad0
#82dad0
rgb(130,218,208)
-
#91dfd6
#91dfd6
rgb(145,223,214)
-
#a0e3dc
#a0e3dc
rgb(160,227,220)
-
#b0e8e1
#b0e8e1
rgb(176,232,225)
-
#bfece7
#bfece7
rgb(191,236,231)
-
#cef1ed
#cef1ed
rgb(206,241,237)
-
#ddf5f2
#ddf5f2
rgb(221,245,242)
-
#ecf9f8
#ecf9f8
rgb(236,249,248)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #30a396
A tone is produced by adding gray to any pure hue. In this case, #696a6a is the less saturated color, while #07ccb5 is the most saturated one.
-
#696a6a
#696a6a
rgb(105,106,106)
-
#617270
#617270
rgb(97,114,112)
-
#597a77
#597a77
rgb(89,122,119)
-
#50837d
#50837d
rgb(80,131,125)
-
#488b83
#488b83
rgb(72,139,131)
-
#409389
#409389
rgb(64,147,137)
-
#389b90
#389b90
rgb(56,155,144)
-
#30a396
#30a396
rgb(48,163,150)
-
#28ab9c
#28ab9c
rgb(40,171,156)
-
#20b3a3
#20b3a3
rgb(32,179,163)
-
#18bba9
#18bba9
rgb(24,187,169)
-
#10c3af
#10c3af
rgb(16,195,175)
-
#07ccb5
#07ccb5
rgb(7,204,181)
Color Blindness Simulator
Below, you can see how #30a396 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.