Farbe #2B229A, hex- und rgb-Codes, Beispiele

Farbeninformationen

#2B229A enthält hauptsächlich blaue Farbe. Für #2B229A ist eine «websichere» Webfarbe #333399 (oder kurz #339).

Farbmodelle RGB

Die Farbe #2B229A wird in RGB als (43,34,154) definiert.

Rot hat einen Wert von 43;
Grün hat einen Wert von 34;
Blau hat einen Wert von 154.

RGB:
(43,34,154)
(17%,13%,60%)

Kanäle in RGB und Sättigung

R 43 von 255 = 17%
G 34 von 255 = 13%
B 154 von 255 = 60%

154

R + G + B ~ 30%. #2B229A ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
43 + 34 + 154 = 231 (100%)
R 43 von 231 ~ 18.61%
G 34 von 231 ~ 14.72%
B 154 von 231 ~ 66.67%

%18.61

%14.72

%66.67

Farbmodell CMYK

Die Farbe #2B229A wird in CMYK als (72,78,0,40) definiert.

Cyan hat einen Wert von 72.08%
Magenta hat einen Wert von 77.92%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 39.61%

CMYK:
(72,78,0,40)
C72M78Y0K40 
(72%,78%,0%,40%)
(0.72/0.78/0.00/0.40)

CMYK-Kanäle in Prozent

%72.08

%77.92

%39.61

Farbcodes

Farbe #2B229A in den populären Farbmodellen.

	2B	22	9A
RGB	43	34	154
HSL	245°	63.83%	36.86%
HSB/HSV	245°	77.92%	60.39%
CMYK	72.08%	77.92%	0.00%
CMYK	39.61%

Die Farbe #2B229A in den populären Zahlensystemen.

Hexadezimal	2B	22	9A
Dezimal	43	34	154
Binär	101011	100010	10011010
Oktal	53	42	232

Farbtöne

Dunkle Töne der Farbe #2B229A

#2B229A
(43,34,154)

#281F8C
(40,31,140)

#251C7E
(37,28,126)

#221970
(34,25,112)

#1F1662
(31,22,98)

#1C1354
(28,19,84)

#191046
(25,16,70)

#160D38
(22,13,56)

#130A2A
(19,10,42)

#10071C
(16,7,28)

#0D040E
(13,4,14)

#000000
(0,0,0)

Helle Töne der Farbe #2B229A

#2B229A
(43,34,154)

#3E36A3
(62,54,163)

#514AAC
(81,74,172)

#645EB5
(100,94,181)

#7772BE
(119,114,190)

#8A86C7
(138,134,199)

#9D9AD0
(157,154,208)

#B0AED9
(176,174,217)

#C3C2E2
(195,194,226)

#D6D6EB
(214,214,235)

#E9EAF4
(233,234,244)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #2B229A. Bitte benutzen Sie auch rgb(43,34,154) statt hex-Code.

Textfarbe

.myTextColor { color: #2B229A; }

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

Die Farbe dieses Textes ist #2B229A.

Hintergrundfarbe

.myBgColor { background-color: #2B229A; }

<div style="background-color:#2B229A">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #2B229A.

Grenzfarbe

.myBorderColor { border: 1px solid #2B229A; }

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

Die Grenzen von diesem div sind in Farbe #2B229A.

Transparenz

.myOpacity80 { color: #2B229A; opacity: 0.8; }

<p style="color:#2B229A;opacity:0.8;">80%</p>

Text in Farbe #2B229A und mit Transparenz 100% | 80% | 50% | 30%.

Hintergrund mit Transparenzgrad 100%.

Hintergrund mit Transparenzgrad 80%.

Hintergrund mit Transparenzgrad 50%.

Hintergrund mit Transparenzgrad 30%.

Farbe des Textschattens

.textShadow {text-shadow: 3px 3px 1px #2B229A;}

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

Dieser Text hat den Schatten in Farbe #2B229A.

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

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

Dieser Text hat den Schatten in Grundfarbe #2B229A und zusätzlichem Rot.

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

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

This text has shadow with #2B229A and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #2B229A.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #2B229A auf dem schwarzen Hintergrund.

Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #2B229A auf dem weißen Hintergrund.

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #2B229A

Dieser Text ist schwarz auf dem Hintergrund in Farbe #2B229A.

Beispiel eines weißen Textes auf dem Hintergrund in Farbe #2B229A

Dieser Text ist weiß auf dem Hintergrund in Farbe #2B229A.

FARBE #2B229A