Color #55D9F8

Color info

#55D9F8 contains mainly green and blue colors. Web safe color of #55D9F8 is #66CCFF (or #6CF).

RGB color model

#55D9F8 color RGB value is (85,217,248).

red value is 85;
green value is 217;
blue value is 248.

RGB: (85,217,248) (33%, 85%, 97%)

RGB channels and saturation

R 85 of 255 = 33%
G 217 of 255 = 85%
B 248 of 255 = 97%

85

217

248

R + G + B ~ 72%. #55D9F8 is quite light color.

Portions of RGB colors in percentages

R + G + B = 85 + 217 + 248 = 550 (100%)
R 85 of 550 ~ 15.45%
G 217 of 550 ~ 39.45%
B 248 of 550 ~ 45.09'%

%15.45

%39.45

%45.09

CMYK color model

#55D9F8 color CMYK value is (66,13,0,3).

cyan value is 65.73%
magenta value is 12.50%
yellow value is 0.00%
key color value is 2.75%

CMYK: (66,13,0,3)
C66M13Y0K3 (66%, 13%, 0%, 3%)
(0.66 / 0.13 / 0.00 / 0.03)

CMYK percentages

%65.73

%12.5

%0

%2.75

Codes

Color #55D9F8 in popluar color models

	55	D9	F8
RGB	85	217	248
HSL	191°	92.09%	65.29%
HSB/HSV	191°	65.73%	97.25%
CMYK	65.73%	12.50%	0.00%
CMYK	2.75%

Color #55D9F8 in popluar number systems.

HEX	55	D9	F8
Decimal	85	217	248
Binary	1010101	11011001	11111000
Octal	125	331	370

Shades and tints

Shades of #55D9F8

#55D9F8
(85,217,248)

#4EC6E2
(78,198,226)

#47B3CC
(71,179,204)

#40A0B6
(64,160,182)

#398DA0
(57,141,160)

#327A8A
(50,122,138)

#2B6774
(43,103,116)

#24545E
(36,84,94)

#1D4148
(29,65,72)

#162E32
(22,46,50)

#0F1B1C
(15,27,28)

#000000
(0,0,0)

Tints of #55D9F8

#55D9F8
(85,217,248)

#64DCF8
(100,220,248)

#73DFF8
(115,223,248)

#82E2F8
(130,226,248)

#91E5F8
(145,229,248)

#A0E8F8
(160,232,248)

#AFEBF8
(175,235,248)

#BEEEF8
(190,238,248)

#CDF1F8
(205,241,248)

#DCF4F8
(220,244,248)

#EBF7F8
(235,247,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55D9F8 color. Also use rgb(85,217,248) instead hex code.

Text Font Color

.myTextColor { color: #55D9F8; }

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

This text font color is #55D9F8.

Background Color

.myBgColor { background-color: #55D9F8; }

<div style="background-color:#55D9F8">Inner text</div>

This div background color is #55D9F8.

Border color

.myBorderColor { border: 1px solid #55D9F8; }

This div border color is #55D9F8.

Opacity

.myOpacity80 { color: #55D9F8; opacity: 0.8; }

Text with #55D9F8 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 #55D9F8;}

This text has shadow with #55D9F8 color.

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

This text has shadow with #55D9F8 primary color and red secondary color.

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

This text has shadow with #55D9F8 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #55D9F8.