#30bbda Color Information
In a RGB color space, hex #30bbda is composed of 18.8% red, 73.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 14.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 190.9 degrees, a saturation of 69.7% and a lightness of 52.2%. #30bbda color hex could be obtained by blending #60ffff with #0077b5. Closest websafe color is: #33cccc.
-
- R 19
- G 73
- B 85
-
- C 78
- M 14
- Y 0
- K 15
● #30bbda color description : Bright cyan.
#30bbda Color Conversion
The hexadecimal color #30bbda has RGB values of R:48, G:187, B:218 and CMYK values of C:0.78, M:0.14, Y:0, K:0.15. Its decimal value is 3193818.
Hex triplet | 30bbda | #30bbda |
---|---|---|
RGB Decimal | 48, 187, 218 | rgb(48,187,218) |
RGB Percent | 18.8, 73.3, 85.5 | rgb(18.8%,73.3%,85.5%) |
CMYK | 78, 14, 0, 15 | |
HSL | 190.9°, 69.7, 52.2 | hsl(190.9,69.7%,52.2%) |
HSV (or HSB) | 190.9°, 78, 85.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.335, -25.607, -25.884 |
---|---|
XYZ | 31.641, 41.228, 72.616 |
xyY | 0.217, 0.283, 41.228 |
CIE-LCH | 70.335, 36.41, 225.308 |
CIE-LUV | 70.335, -47.561, -37.317 |
Hunter-Lab | 64.209, -24.406, -22.107 |
Binary | 00110000, 10111011, 11011010 |
Color Schemes with #30bbda
Alternatives to #30bbda
Below, you can see some colors close to #30bbda. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30bbda Preview
This text has a font color of #30bbda.
<span style="color:#30bbda;">Text here</span>
This paragraph has a background color of #30bbda.
<p style="background-color:#30bbda;">Content here</p>
This element has a border color of #30bbda.
<div style="border:1px solid #30bbda;">Content here</div>
.text {color:#30bbda;}
.background {background-color:#30bbda;}
.border {border:1px solid #30bbda;}
Shades and Tints of #30bbda
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, #020809 is the darkest color, while #f8fdfe is the lightest one.
-
#020809
#020809
rgb(2,8,9)
-
#05161a
#05161a
rgb(5,22,26)
-
#08242b
#08242b
rgb(8,36,43)
-
#0b323b
#0b323b
rgb(11,50,59)
-
#0e414c
#0e414c
rgb(14,65,76)
-
#114f5d
#114f5d
rgb(17,79,93)
-
#145d6d
#145d6d
rgb(20,93,109)
-
#166b7e
#166b7e
rgb(22,107,126)
-
#19798e
#19798e
rgb(25,121,142)
-
#1c879f
#1c879f
rgb(28,135,159)
-
#1f95b0
#1f95b0
rgb(31,149,176)
-
#22a4c0
#22a4c0
rgb(34,164,192)
-
#25b2d1
#25b2d1
rgb(37,178,209)
-
#30bbda
#30bbda
rgb(48,187,218)
-
#41c0dd
#41c0dd
rgb(65,192,221)
-
#51c6e0
#51c6e0
rgb(81,198,224)
-
#62cbe3
#62cbe3
rgb(98,203,227)
-
#73d1e6
#73d1e6
rgb(115,209,230)
-
#83d6e9
#83d6e9
rgb(131,214,233)
-
#94dcec
#94dcec
rgb(148,220,236)
-
#a4e1ef
#a4e1ef
rgb(164,225,239)
-
#b5e7f2
#b5e7f2
rgb(181,231,242)
-
#c6ecf5
#c6ecf5
rgb(198,236,245)
-
#d6f2f8
#d6f2f8
rgb(214,242,248)
-
#e7f7fb
#e7f7fb
rgb(231,247,251)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #30bbda
A tone is produced by adding gray to any pure hue. In this case, #848586 is the less saturated color, while #14cdf6 is the most saturated one.
-
#848586
#848586
rgb(132,133,134)
-
#7b8b8f
#7b8b8f
rgb(123,139,143)
-
#729198
#729198
rgb(114,145,152)
-
#6897a2
#6897a2
rgb(104,151,162)
-
#5f9dab
#5f9dab
rgb(95,157,171)
-
#56a3b4
#56a3b4
rgb(86,163,180)
-
#4ca9be
#4ca9be
rgb(76,169,190)
-
#43afc7
#43afc7
rgb(67,175,199)
-
#39b5d1
#39b5d1
rgb(57,181,209)
-
#30bbda
#30bbda
rgb(48,187,218)
-
#27c1e3
#27c1e3
rgb(39,193,227)
-
#1dc7ed
#1dc7ed
rgb(29,199,237)
-
#14cdf6
#14cdf6
rgb(20,205,246)
Color Blindness Simulator
Below, you can see how #30bbda 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.