Color #596BF0 hex code, color models, shades and preview

Renk bilgisi

#596BF0 contains mainly blue color. #596BF0 ‘ nin web güvenlik rengi #6666FF (ya da #66F) dir.

RGB renk modeli

#596BF0 color RGB value is (89,107,240).

kırmız ton 89;
yeşil ton 107;
mavi ton 240.

RGB:
(89,107,240)
(35%,42%,94%)

RGB bağlantıları ve doygunluk

R 89 of 255 = 35%
G 107 of 255 = 42%
B 240 of 255 = 94%

107

240

R + G + B ~ 57%. #596BF0 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
89 + 107 + 240 = 436 (100%)
R 89 of 436 ~ 20.41%
G 107 of 436 ~ 24.54%
B 240 of 436 ~ 55.05%

%20.41

%24.54

%55.05

CMYK RENK MODELİ

#596BF0 rengi CMYK tonu (63,55,0,6).

camgöbeği tonu 62.92%
eflatun tonu 55.42%
sarı tonu 0.00%
ana renk tonu 5.88%

CMYK:
(63,55,0,6)
C63M55Y0K6 
(63%,55%,0%,6%)
(0.63/0.55/0.00/0.06)

CMYK yüzdeleri

%62.92

%55.42

%5.88

Codes

Color #596BF0 in popluar color models

	59	6B	F0
RGB	89	107	240
HSL	233°	83.43%	64.51%
HSB/HSV	233°	62.92%	94.12%
CMYK	62.92%	55.42%	0.00%
CMYK	5.88%

Color #596BF0 in popluar number systems.

HEX	59	6B	F0
Decimal	89	107	240
Binary	1011001	1101011	11110000
Octal	131	153	360

Shades and tints

Shades of #596BF0

#596BF0
(89,107,240)

#5162DB
(81,98,219)

#4959C6
(73,89,198)

#4150B1
(65,80,177)

#39479C
(57,71,156)

#313E87
(49,62,135)

#293572
(41,53,114)

#212C5D
(33,44,93)

#192348
(25,35,72)

#111A33
(17,26,51)

#09111E
(9,17,30)

#000000
(0,0,0)

Tints of #596BF0

#596BF0
(89,107,240)

#6878F1
(104,120,241)

#7785F2
(119,133,242)

#8692F3
(134,146,243)

#959FF4
(149,159,244)

#A4ACF5
(164,172,245)

#B3B9F6
(179,185,246)

#C2C6F7
(194,198,247)

#D1D3F8
(209,211,248)

#E0E0F9
(224,224,249)

#EFEDFA
(239,237,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #596BF0 color. Also use rgb(89,107,240) instead hex code.

Text Font Color

.myTextColor { color: #596BF0; }

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

This text font color is #596BF0.

Background Color

.myBgColor { background-color: #596BF0; }

<div style="background-color:#596BF0">Inner text</div>

This div background color is #596BF0.

Border color

.myBorderColor { border: 1px solid #596BF0; }

<div style="border:3px solid #596BF0">Div</div>

This div border color is #596BF0.

Opacity

.myOpacity80 { color: #596BF0; opacity: 0.8; }

<p style="color:#596BF0;opacity:0.8;">80%</p>

Text with #596BF0 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 #596BF0;}

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

This text has shadow with #596BF0 color.

.textShadow {text-shadow: 3px 3px 1px #596BF0, 3px 3px 1px red;}

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

This text has shadow with #596BF0 primary color and red secondary color.

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

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

This text has shadow with #596BF0 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #596BF0.

Preview

Color preview on black background

This text has color #596BF0 on black background.

Color preview on white background

This text has color #596BF0 on white background.

Black color preview on #596BF0 background

This text has black color on #596BF0 background.

White color preview on #596BF0 background

This text has white color on #596BF0 background.

COLOR #596BF0