COLOR #87E3FA

HEX: #87E3FA RGB: (135,227,250)

Color info

#87E3FA contains mainly green and blue colors. Web safe color of #87E3FA is #99CCFF (or #9CF).

RGB color model

#87E3FA color RGB value is (135,227,250).

RGB: (135,227,250) (53%, 89%, 98%)

RGB channels and saturation

R 135 of 255 = 53%
G 227 of 255 = 89%
B 250 of 255 = 98%

135
227
250

R + G + B ~ 80%. #87E3FA is quite light color.

Portions of RGB colors in percentages

R + G + B = 135 + 227 + 250 = 612 (100%)
R 135 of 612 ~ 22.06%
G 227 of 612 ~ 37.09%
B 250 of 612 ~ 40.85'%

%22.06
%37.09
%40.85

CMYK color model

#87E3FA color CMYK value is (46,9,0,2).

  • cyan value is 46.00%
  • magenta value is 9.20%
  • yellow value is 0.00%
  • key color value is 1.96%

CMYK: (46,9,0,2)
C46M9Y0K2 (46%, 9%, 0%, 2%)
(0.46 / 0.09 / 0.00 / 0.02)

CMYK percentages

%46
%9.2
%0
%1.96

Codes

Color #87E3FA in popluar color models

87 E3 FA
RGB 135 227 250
HSL 192° 92.00% 75.49%
HSB/HSV 192° 46.00% 98.04%
CMYK 46.00% 9.20% 0.00%
1.96%

Color #87E3FA in popluar number systems.

HEX 87 E3 FA
Decimal 135 227 250
Binary 10000111 11100011 11111010
Octal 207 343 372

Shades and tints

Shades of #87E3FA

#87E3FA
(135,227,250)
#7BCFE4
(123,207,228)
#6FBBCE
(111,187,206)
#63A7B8
(99,167,184)
#5793A2
(87,147,162)
#4B7F8C
(75,127,140)
#3F6B76
(63,107,118)
#335760
(51,87,96)
#27434A
(39,67,74)
#1B2F34
(27,47,52)
#0F1B1E
(15,27,30)
#000000
(0,0,0)

Tints of #87E3FA

#87E3FA
(135,227,250)
#91E5FA
(145,229,250)
#9BE7FA
(155,231,250)
#A5E9FA
(165,233,250)
#AFEBFA
(175,235,250)
#B9EDFA
(185,237,250)
#C3EFFA
(195,239,250)
#CDF1FA
(205,241,250)
#D7F3FA
(215,243,250)
#E1F5FA
(225,245,250)
#EBF7FA
(235,247,250)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #87E3FA; }

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

This text font color is #87E3FA.

Background Color

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

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

This div background color is #87E3FA.

Border color

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

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

This div border color is #87E3FA.

Opacity

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

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

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

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

This text has shadow with #87E3FA color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #87E3FA.

Preview

Color preview on black background

This text has color #87E3FA on black background.


Color preview on white background

This text has color #87E3FA on white background.


Black color preview on #87E3FA background

This text has black color on #87E3FA background.


White color preview on #87E3FA background

This text has white color on #87E3FA background.


Related colors

Complementary color

Complementary color for #hex is #781C05.


I love getcolorcode.com

Triadic colors

1 #FA87E3 and #E3FA87 with #87E3FA are triadic colors.

2 #FAE387 and #E387FA with #87E3FA are triadic colors.