Color #3B478A hex code, color models, shades and preview

Renk bilgisi

#3B478A contains mainly blue color. #3B478A ‘ nin web güvenlik rengi #333399 (ya da #339) dir.

RGB renk modeli

#3B478A color RGB value is (59,71,138).

kırmız ton 59;
yeşil ton 71;
mavi ton 138.

RGB:
(59,71,138)
(23%,28%,54%)

RGB bağlantıları ve doygunluk

R 59 of 255 = 23%
G 71 of 255 = 28%
B 138 of 255 = 54%

138

R + G + B ~ 35%. #3B478A is quite dark color.

Yüzdelerle RGB renk parçaları

R + G + B =
59 + 71 + 138 = 268 (100%)
R 59 of 268 ~ 22.01%
G 71 of 268 ~ 26.49%
B 138 of 268 ~ 51.49%

%22.01

%26.49

%51.49

CMYK RENK MODELİ

#3B478A rengi CMYK tonu (57,49,0,46).

camgöbeği tonu 57.25%
eflatun tonu 48.55%
sarı tonu 0.00%
ana renk tonu 45.88%

CMYK:
(57,49,0,46)
C57M49Y0K46 
(57%,49%,0%,46%)
(0.57/0.49/0.00/0.46)

CMYK yüzdeleri

%57.25

%48.55

%45.88

Codes

Color #3B478A in popluar color models

	3B	47	8A
RGB	59	71	138
HSL	231°	40.10%	38.63%
HSB/HSV	231°	57.25%	54.12%
CMYK	57.25%	48.55%	0.00%
CMYK	45.88%

Color #3B478A in popluar number systems.

HEX	3B	47	8A
Decimal	59	71	138
Binary	111011	1000111	10001010
Octal	73	107	212

Shades and tints

Shades of #3B478A

#3B478A
(59,71,138)

#36417E
(54,65,126)

#313B72
(49,59,114)

#2C3566
(44,53,102)

#272F5A
(39,47,90)

#22294E
(34,41,78)

#1D2342
(29,35,66)

#181D36
(24,29,54)

#13172A
(19,23,42)

#0E111E
(14,17,30)

#090B12
(9,11,18)

#000000
(0,0,0)

Tints of #3B478A

#3B478A
(59,71,138)

#4C5794
(76,87,148)

#5D679E
(93,103,158)

#6E77A8
(110,119,168)

#7F87B2
(127,135,178)

#9097BC
(144,151,188)

#A1A7C6
(161,167,198)

#B2B7D0
(178,183,208)

#C3C7DA
(195,199,218)

#D4D7E4
(212,215,228)

#E5E7EE
(229,231,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3B478A color. Also use rgb(59,71,138) instead hex code.

Text Font Color

.myTextColor { color: #3B478A; }

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

This text font color is #3B478A.

Background Color

.myBgColor { background-color: #3B478A; }

<div style="background-color:#3B478A">Inner text</div>

This div background color is #3B478A.

Border color

.myBorderColor { border: 1px solid #3B478A; }

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

This div border color is #3B478A.

Opacity

.myOpacity80 { color: #3B478A; opacity: 0.8; }

<p style="color:#3B478A;opacity:0.8;">80%</p>

Text with #3B478A 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 #3B478A;}

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

This text has shadow with #3B478A color.

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

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

This text has shadow with #3B478A primary color and red secondary color.

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

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

This text has shadow with #3B478A and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3B478A.

Preview

Color preview on black background

This text has color #3B478A on black background.

Color preview on white background

This text has color #3B478A on white background.

Black color preview on #3B478A background

This text has black color on #3B478A background.

White color preview on #3B478A background

This text has white color on #3B478A background.

COLOR #3B478A