#30a5b2 Color Information
In a RGB color space, hex #30a5b2 is composed of 18.8% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 186 degrees, a saturation of 57.5% and a lightness of 44.3%. #30a5b2 color hex could be obtained by blending #60ffff with #004b65. Closest websafe color is: #339999.
-
- R 19
- G 65
- B 70
-
- C 73
- M 7
- Y 0
- K 30
● #30a5b2 color description : Dark cyan.
#30a5b2 Color Conversion
The hexadecimal color #30a5b2 has RGB values of R:48, G:165, B:178 and CMYK values of C:0.73, M:0.07, Y:0, K:0.3. Its decimal value is 3188146.
Hex triplet | 30a5b2 | #30a5b2 |
---|---|---|
RGB Decimal | 48, 165, 178 | rgb(48,165,178) |
RGB Percent | 18.8, 64.7, 69.8 | rgb(18.8%,64.7%,69.8%) |
CMYK | 73, 7, 0, 30 | |
HSL | 186°, 57.5, 44.3 | hsl(186,57.5%,44.3%) |
HSV (or HSB) | 186°, 73, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.297, -27.234, -16.001 |
---|---|
XYZ | 22.708, 30.751, 46.856 |
xyY | 0.226, 0.307, 30.751 |
CIE-LCH | 62.297, 31.587, 210.436 |
CIE-LUV | 62.297, -42.44, -20.405 |
Hunter-Lab | 55.454, -23.95, -11.28 |
Binary | 00110000, 10100101, 10110010 |
Color Schemes with #30a5b2
Alternatives to #30a5b2
Below, you can see some colors close to #30a5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5b2 Preview
This text has a font color of #30a5b2.
<span style="color:#30a5b2;">Text here</span>
This paragraph has a background color of #30a5b2.
<p style="background-color:#30a5b2;">Content here</p>
This element has a border color of #30a5b2.
<div style="border:1px solid #30a5b2;">Content here</div>
.text {color:#30a5b2;}
.background {background-color:#30a5b2;}
.border {border:1px solid #30a5b2;}
Shades and Tints of #30a5b2
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, #020708 is the darkest color, while #f8fcfd is the lightest one.
-
#020708
#020708
rgb(2,7,8)
-
#061618
#061618
rgb(6,22,24)
-
#0b2427
#0b2427
rgb(11,36,39)
-
#0f3236
#0f3236
rgb(15,50,54)
-
#134146
#134146
rgb(19,65,70)
-
#174f55
#174f55
rgb(23,79,85)
-
#1b5d65
#1b5d65
rgb(27,93,101)
-
#1f6c74
#1f6c74
rgb(31,108,116)
-
#247a84
#247a84
rgb(36,122,132)
-
#288893
#288893
rgb(40,136,147)
-
#2c97a3
#2c97a3
rgb(44,151,163)
-
#30a5b2
#30a5b2
rgb(48,165,178)
-
#34b3c1
#34b3c1
rgb(52,179,193)
-
#3ebdcb
#3ebdcb
rgb(62,189,203)
-
#4ec2cf
#4ec2cf
rgb(78,194,207)
-
#5dc8d3
#5dc8d3
rgb(93,200,211)
-
#6dcdd8
#6dcdd8
rgb(109,205,216)
-
#7cd2dc
#7cd2dc
rgb(124,210,220)
-
#8bd7e0
#8bd7e0
rgb(139,215,224)
-
#9bdde4
#9bdde4
rgb(155,221,228)
-
#aae2e8
#aae2e8
rgb(170,226,232)
-
#bae7ec
#bae7ec
rgb(186,231,236)
-
#c9edf1
#c9edf1
rgb(201,237,241)
-
#d9f2f5
#d9f2f5
rgb(217,242,245)
-
#e8f7f9
#e8f7f9
rgb(232,247,249)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #30a5b2
A tone is produced by adding gray to any pure hue. In this case, #6d7475 is the less saturated color, while #05c8dd is the most saturated one.
-
#6d7475
#6d7475
rgb(109,116,117)
-
#647b7e
#647b7e
rgb(100,123,126)
-
#5b8287
#5b8287
rgb(91,130,135)
-
#53898f
#53898f
rgb(83,137,143)
-
#4a9098
#4a9098
rgb(74,144,152)
-
#4197a1
#4197a1
rgb(65,151,161)
-
#399ea9
#399ea9
rgb(57,158,169)
-
#30a5b2
#30a5b2
rgb(48,165,178)
-
#27acbb
#27acbb
rgb(39,172,187)
-
#1fb3c3
#1fb3c3
rgb(31,179,195)
-
#16bacc
#16bacc
rgb(22,186,204)
-
#0dc1d5
#0dc1d5
rgb(13,193,213)
-
#05c8dd
#05c8dd
rgb(5,200,221)
Color Blindness Simulator
Below, you can see how #30a5b2 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.