Color #1BD5EB

Color info

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

RGB color model

#1BD5EB color RGB value is (27,213,235).

red value is 27;
green value is 213;
blue value is 235.

RGB:
(27,213,235)
(11%,84%,92%)

RGB channels and saturation

R 27 of 255 = 11%
G 213 of 255 = 84%
B 235 of 255 = 92%

213

235

R + G + B ~ 62%. #1BD5EB is quite light color.

Portions of RGB colors in percentages

R + G + B =
27 + 213 + 235 = 475 (100%)
R 27 of 475 ~ 5.68%
G 213 of 475 ~ 44.84%
B 235 of 475 ~ 49.47%

%44.84

%49.47

CMYK color model

#1BD5EB color CMYK value is (89,9,0,8).

cyan value is 88.51%
magenta value is 9.36%
yellow value is 0.00%
key color value is 7.84%

CMYK:
(89,9,0,8)
C89M9Y0K8 
(89%,9%,0%,8%)
(0.89/0.09/0.00/0.08)

CMYK percentages

%88.51

%9.36

%7.84

Codes

Color #1BD5EB in popluar color models

	1B	D5	EB
RGB	27	213	235
HSL	186°	83.87%	51.37%
HSB/HSV	186°	88.51%	92.16%
CMYK	88.51%	9.36%	0.00%
CMYK	7.84%

Color #1BD5EB in popluar number systems.

HEX	1B	D5	EB
Decimal	27	213	235
Binary	11011	11010101	11101011
Octal	33	325	353

Shades and tints

Shades of #1BD5EB

#1BD5EB
(27,213,235)

#19C2D6
(25,194,214)

#17AFC1
(23,175,193)

#159CAC
(21,156,172)

#138997
(19,137,151)

#117682
(17,118,130)

#0F636D
(15,99,109)

#0D5058
(13,80,88)

#0B3D43
(11,61,67)

#092A2E
(9,42,46)

#071719
(7,23,25)

#000000
(0,0,0)

Tints of #1BD5EB

#1BD5EB
(27,213,235)

#2FD8EC
(47,216,236)

#43DBED
(67,219,237)

#57DEEE
(87,222,238)

#6BE1EF
(107,225,239)

#7FE4F0
(127,228,240)

#93E7F1
(147,231,241)

#A7EAF2
(167,234,242)

#BBEDF3
(187,237,243)

#CFF0F4
(207,240,244)

#E3F3F5
(227,243,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #1BD5EB color. Also use rgb(27,213,235) instead hex code.

Text Font Color

.myTextColor { color: #1BD5EB; }

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

This text font color is #1BD5EB.

Background Color

.myBgColor { background-color: #1BD5EB; }

<div style="background-color:#1BD5EB">Inner text</div>

This div background color is #1BD5EB.

Border color

.myBorderColor { border: 1px solid #1BD5EB; }

<div style="border:3px solid #1BD5EB">Div</div>

This div border color is #1BD5EB.

Opacity

.myOpacity80 { color: #1BD5EB; opacity: 0.8; }

<p style="color:#1BD5EB;opacity:0.8;">80%</p>

Text with #1BD5EB 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 #1BD5EB;}

<p style="text-shadow: 3px 3px 1px #1BD5EB">Text here.</p>

This text has shadow with #1BD5EB color.

.textShadow {text-shadow: 3px 3px 1px #1BD5EB, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #1BD5EB, 5px 5px 20px red">Text here.</p>

This text has shadow with #1BD5EB primary color and red secondary color.

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

<p style="filter: Shadow(Color=#1BD5EB, Direction=45, Strength=4)">Text</p>

This text has shadow with #1BD5EB and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #1BD5EB.

Preview

Color preview on black background

This text has color #1BD5EB on black background.

Color preview on white background

This text has color #1BD5EB on white background.

Black color preview on #1BD5EB background

This text has black color on #1BD5EB background.

White color preview on #1BD5EB background

This text has white color on #1BD5EB background.