Color #30B9EB

Color info

#30B9EB contains mainly green and blue colors. Web safe color of #30B9EB is #33CCFF (or #3CF).

RGB color model

#30B9EB color RGB value is (48,185,235).

red value is 48;
green value is 185;
blue value is 235.

RGB: (48,185,235) (19%, 73%, 92%)

RGB channels and saturation

R 48 of 255 = 19%
G 185 of 255 = 73%
B 235 of 255 = 92%

48

185

235

R + G + B ~ 61%. #30B9EB is quite light color.

Portions of RGB colors in percentages

R + G + B = 48 + 185 + 235 = 468 (100%)
R 48 of 468 ~ 10.26%
G 185 of 468 ~ 39.53%
B 235 of 468 ~ 50.21'%

%39.53

%50.21

CMYK color model

#30B9EB color CMYK value is (80,21,0,8).

cyan value is 79.57%
magenta value is 21.28%
yellow value is 0.00%
key color value is 7.84%

CMYK: (80,21,0,8)
C80M21Y0K8 (80%, 21%, 0%, 8%)
(0.80 / 0.21 / 0.00 / 0.08)

CMYK percentages

%79.57

%21.28

%0

%7.84

Codes

Color #30B9EB in popluar color models

	30	B9	EB
RGB	48	185	235
HSL	196°	82.38%	55.49%
HSB/HSV	196°	79.57%	92.16%
CMYK	79.57%	21.28%	0.00%
CMYK	7.84%

Color #30B9EB in popluar number systems.

HEX	30	B9	EB
Decimal	48	185	235
Binary	110000	10111001	11101011
Octal	60	271	353

Shades and tints

Shades of #30B9EB

#30B9EB
(48,185,235)

#2CA9D6
(44,169,214)

#2899C1
(40,153,193)

#2489AC
(36,137,172)

#207997
(32,121,151)

#1C6982
(28,105,130)

#18596D
(24,89,109)

#144958
(20,73,88)

#103943
(16,57,67)

#0C292E
(12,41,46)

#081919
(8,25,25)

#000000
(0,0,0)

Tints of #30B9EB

#30B9EB
(48,185,235)

#42BFEC
(66,191,236)

#54C5ED
(84,197,237)

#66CBEE
(102,203,238)

#78D1EF
(120,209,239)

#8AD7F0
(138,215,240)

#9CDDF1
(156,221,241)

#AEE3F2
(174,227,242)

#C0E9F3
(192,233,243)

#D2EFF4
(210,239,244)

#E4F5F5
(228,245,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #30B9EB color. Also use rgb(48,185,235) instead hex code.

Text Font Color

.myTextColor { color: #30B9EB; }

<p style="color:#30B9EB">This sample text font color is #30B9EB.</p>

This text font color is #30B9EB.

Background Color

.myBgColor { background-color: #30B9EB; }

<div style="background-color:#30B9EB">Inner text</div>

This div background color is #30B9EB.

Border color

.myBorderColor { border: 1px solid #30B9EB; }

This div border color is #30B9EB.

Opacity

.myOpacity80 { color: #30B9EB; opacity: 0.8; }

Text with #30B9EB color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #30B9EB;}

This text has shadow with #30B9EB color.

.textShadow {text-shadow: 3px 3px 1px #30B9EB', 3px 3px 1px red;}

This text has shadow with #30B9EB primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#30B9EB, Direction=45, Strength=4)}

This text has shadow with #30B9EB and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #30B9EB;
-webkit-box-shadow: 1px 1px 3px 2px #30B9EB;
box-shadow: 1px 1px 3px 2px #30B9EB;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #30B9EB; -webkit-box-shadow: 1px 1px 3px 2px #30B9EB; box-shadow:1px 1px 3px 2px #30B9EB;">
Div content here
</div>

This div box has shadow with color #30B9EB.