Color #87E8FA hex code, color models, shades and preview

Renk bilgisi

#87E8FA contains mainly green and blue colors. #87E8FA ‘ nin web güvenlik rengi #99FFFF (ya da #9FF) dir.

RGB renk modeli

#87E8FA color RGB value is (135,232,250).

kırmız ton 135;
yeşil ton 232;
mavi ton 250.

RGB:
(135,232,250)
(53%,91%,98%)

RGB bağlantıları ve doygunluk

R 135 of 255 = 53%
G 232 of 255 = 91%
B 250 of 255 = 98%

135

232

250

R + G + B ~ 81%. #87E8FA is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
135 + 232 + 250 = 617 (100%)
R 135 of 617 ~ 21.88%
G 232 of 617 ~ 37.6%
B 250 of 617 ~ 40.52%

%21.88

%37.6

%40.52

CMYK RENK MODELİ

#87E8FA rengi CMYK tonu (46,7,0,2).

camgöbeği tonu 46.00%
eflatun tonu 7.20%
sarı tonu 0.00%
ana renk tonu 1.96%

CMYK:
(46,7,0,2)
C46M7Y0K2 
(46%,7%,0%,2%)
(0.46/0.07/0.00/0.02)

CMYK yüzdeleri

%46

%7.2

%1.96

Codes

Color #87E8FA in popluar color models

	87	E8	FA
RGB	135	232	250
HSL	189°	92.00%	75.49%
HSB/HSV	189°	46.00%	98.04%
CMYK	46.00%	7.20%	0.00%
CMYK	1.96%

Color #87E8FA in popluar number systems.

HEX	87	E8	FA
Decimal	135	232	250
Binary	10000111	11101000	11111010
Octal	207	350	372

Shades and tints

Shades of #87E8FA

#87E8FA
(135,232,250)

#7BD3E4
(123,211,228)

#6FBECE
(111,190,206)

#63A9B8
(99,169,184)

#5794A2
(87,148,162)

#4B7F8C
(75,127,140)

#3F6A76
(63,106,118)

#335560
(51,85,96)

#27404A
(39,64,74)

#1B2B34
(27,43,52)

#0F161E
(15,22,30)

#000000
(0,0,0)

Tints of #87E8FA

#87E8FA
(135,232,250)

#91EAFA
(145,234,250)

#9BECFA
(155,236,250)

#A5EEFA
(165,238,250)

#AFF0FA
(175,240,250)

#B9F2FA
(185,242,250)

#C3F4FA
(195,244,250)

#CDF6FA
(205,246,250)

#D7F8FA
(215,248,250)

#E1FAFA
(225,250,250)

#EBFCFA
(235,252,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #87E8FA color. Also use rgb(135,232,250) instead hex code.

Text Font Color

.myTextColor { color: #87E8FA; }

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

This text font color is #87E8FA.

Background Color

.myBgColor { background-color: #87E8FA; }

<div style="background-color:#87E8FA">Inner text</div>

This div background color is #87E8FA.

Border color

.myBorderColor { border: 1px solid #87E8FA; }

<div style="border:3px solid #87E8FA">Div</div>

This div border color is #87E8FA.

Opacity

.myOpacity80 { color: #87E8FA; opacity: 0.8; }

<p style="color:#87E8FA;opacity:0.8;">80%</p>

Text with #87E8FA 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 #87E8FA;}

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

This text has shadow with #87E8FA color.

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

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

This text has shadow with #87E8FA primary color and red secondary color.

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

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

This text has shadow with #87E8FA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #87E8FA.

Preview

Color preview on black background

This text has color #87E8FA on black background.

Color preview on white background

This text has color #87E8FA on white background.

Black color preview on #87E8FA background

This text has black color on #87E8FA background.

White color preview on #87E8FA background

This text has white color on #87E8FA background.

COLOR #87E8FA