Color #588BF1 hex code, color models, shades and preview

Renk bilgisi

#588BF1 contains mainly blue color. #588BF1 ‘ nin web güvenlik rengi #6699FF (ya da #69F) dir.

RGB renk modeli

#588BF1 color RGB value is (88,139,241).

kırmız ton 88;
yeşil ton 139;
mavi ton 241.

RGB:
(88,139,241)
(35%,55%,95%)

RGB bağlantıları ve doygunluk

R 88 of 255 = 35%
G 139 of 255 = 55%
B 241 of 255 = 95%

139

241

R + G + B ~ 62%. #588BF1 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
88 + 139 + 241 = 468 (100%)
R 88 of 468 ~ 18.8%
G 139 of 468 ~ 29.7%
B 241 of 468 ~ 51.5%

%18.8

%29.7

%51.5

CMYK RENK MODELİ

#588BF1 rengi CMYK tonu (63,42,0,5).

camgöbeği tonu 63.49%
eflatun tonu 42.32%
sarı tonu 0.00%
ana renk tonu 5.49%

CMYK:
(63,42,0,5)
C63M42Y0K5 
(63%,42%,0%,5%)
(0.63/0.42/0.00/0.05)

CMYK yüzdeleri

%63.49

%42.32

%5.49

Codes

Color #588BF1 in popluar color models

	58	8B	F1
RGB	88	139	241
HSL	220°	84.53%	64.51%
HSB/HSV	220°	63.49%	94.51%
CMYK	63.49%	42.32%	0.00%
CMYK	5.49%

Color #588BF1 in popluar number systems.

HEX	58	8B	F1
Decimal	88	139	241
Binary	1011000	10001011	11110001
Octal	130	213	361

Shades and tints

Shades of #588BF1

#588BF1
(88,139,241)

#507FDC
(80,127,220)

#4873C7
(72,115,199)

#4067B2
(64,103,178)

#385B9D
(56,91,157)

#304F88
(48,79,136)

#284373
(40,67,115)

#20375E
(32,55,94)

#182B49
(24,43,73)

#101F34
(16,31,52)

#08131F
(8,19,31)

#000000
(0,0,0)

Tints of #588BF1

#588BF1
(88,139,241)

#6795F2
(103,149,242)

#769FF3
(118,159,243)

#85A9F4
(133,169,244)

#94B3F5
(148,179,245)

#A3BDF6
(163,189,246)

#B2C7F7
(178,199,247)

#C1D1F8
(193,209,248)

#D0DBF9
(208,219,249)

#DFE5FA
(223,229,250)

#EEEFFB
(238,239,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #588BF1 color. Also use rgb(88,139,241) instead hex code.

Text Font Color

.myTextColor { color: #588BF1; }

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

This text font color is #588BF1.

Background Color

.myBgColor { background-color: #588BF1; }

<div style="background-color:#588BF1">Inner text</div>

This div background color is #588BF1.

Border color

.myBorderColor { border: 1px solid #588BF1; }

<div style="border:3px solid #588BF1">Div</div>

This div border color is #588BF1.

Opacity

.myOpacity80 { color: #588BF1; opacity: 0.8; }

<p style="color:#588BF1;opacity:0.8;">80%</p>

Text with #588BF1 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 #588BF1;}

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

This text has shadow with #588BF1 color.

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

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

This text has shadow with #588BF1 primary color and red secondary color.

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

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

This text has shadow with #588BF1 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #588BF1.

Preview

Color preview on black background

This text has color #588BF1 on black background.

Color preview on white background

This text has color #588BF1 on white background.

Black color preview on #588BF1 background

This text has black color on #588BF1 background.

White color preview on #588BF1 background

This text has white color on #588BF1 background.

COLOR #588BF1