COLOR #5871CA

HEX: #5871CA RGB: (88,113,202)

Color info

#5871CA contains mainly blue color. Web safe color of #5871CA is #6666CC (or #66C).

RGB color model

#5871CA color RGB value is (88,113,202).

RGB: (88,113,202) (35%, 44%, 79%)

RGB channels and saturation

R 88 of 255 = 35%
G 113 of 255 = 44%
B 202 of 255 = 79%

88
113
202

R + G + B ~ 53%. #5871CA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 88 + 113 + 202 = 403 (100%)
R 88 of 403 ~ 21.84%
G 113 of 403 ~ 28.04%
B 202 of 403 ~ 50.12'%

%21.84
%28.04
%50.12

CMYK color model

#5871CA color CMYK value is (56,44,0,21).

  • cyan value is 56.44%
  • magenta value is 44.06%
  • yellow value is 0.00%
  • key color value is 20.78%

CMYK: (56,44,0,21)
C56M44Y0K21 (56%, 44%, 0%, 21%)
(0.56 / 0.44 / 0.00 / 0.21)

CMYK percentages

%56.44
%44.06
%0
%20.78

Codes

Color #5871CA in popluar color models

58 71 CA
RGB 88 113 202
HSL 227° 51.82% 56.86%
HSB/HSV 227° 56.44% 79.22%
CMYK 56.44% 44.06% 0.00%
20.78%

Color #5871CA in popluar number systems.

HEX 58 71 CA
Decimal 88 113 202
Binary 1011000 1110001 11001010
Octal 130 161 312

Shades and tints

Shades of #5871CA

#5871CA
(88,113,202)
#5067B8
(80,103,184)
#485DA6
(72,93,166)
#405394
(64,83,148)
#384982
(56,73,130)
#303F70
(48,63,112)
#28355E
(40,53,94)
#202B4C
(32,43,76)
#18213A
(24,33,58)
#101728
(16,23,40)
#080D16
(8,13,22)
#000000
(0,0,0)

Tints of #5871CA

#5871CA
(88,113,202)
#677DCE
(103,125,206)
#7689D2
(118,137,210)
#8595D6
(133,149,214)
#94A1DA
(148,161,218)
#A3ADDE
(163,173,222)
#B2B9E2
(178,185,226)
#C1C5E6
(193,197,230)
#D0D1EA
(208,209,234)
#DFDDEE
(223,221,238)
#EEE9F2
(238,233,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5871CA color. Also use rgb(88,113,202) instead hex code.

Text Font Color

.myTextColor { color: #5871CA; }

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

This text font color is #5871CA.

Background Color

.myBgColor { background-color: #5871CA; }

<div style="background-color:#5871CA">Inner text</div>

This div background color is #5871CA.

Border color

.myBorderColor { border: 1px solid #5871CA; }

<div style="border:3px solid #5871CA">Div</div>

This div border color is #5871CA.

Opacity

.myOpacity80 { color: #5871CA; opacity: 0.8; }

<p style="color:#5871CA;opacity:0.8;">80%</p>

Text with #5871CA 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 #5871CA;}

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

This text has shadow with #5871CA color.


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

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

This text has shadow with #5871CA primary color and red secondary color.


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

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

This text has shadow with #5871CA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #5871CA.

Preview

Color preview on black background

This text has color #5871CA on black background.


Color preview on white background

This text has color #5871CA on white background.


Black color preview on #5871CA background

This text has black color on #5871CA background.


White color preview on #5871CA background

This text has white color on #5871CA background.


Related colors

Complementary color

Complementary color for #hex is #A78E35.


I love getcolorcode.com

Triadic colors

1 #CA5871 and #71CA58 with #5871CA are triadic colors.

2 #CA7158 and #7158CA with #5871CA are triadic colors.