FARBE #5F63A7

HEX: #5F63A7 RGB: (95,99,167)

Farbeninformationen

#5F63A7 enthält hauptsächlich blaue Farbe. Für #5F63A7 ist eine «websichere» Webfarbe #666699 (oder kurz #669).

Farbmodelle RGB

Die Farbe #5F63A7 wird in RGB als (95,99,167) definiert.

RGB: (95,99,167) (37%, 39%, 65%)

Kanäle in RGB und Sättigung

R 95 von 255 = 37%
G 99 von 255 = 39%
B 167 von 255 = 65%

95
99
167

R + G + B ~ 47%. #5F63A7 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 95 + 99 + 167 = 361 (100%)
R 95 von 361 ~ 26.32%
G 99 von 361 ~ 27.42%
B 167 von 361 ~ 46.26'%

%26.32
%27.42
%46.26

Farbmodell CMYK

Die Farbe #5F63A7 wird in CMYK als (43,41,0,35) definiert.

  • Cyan hat einen Wert von 43.11%
  • Magenta hat einen Wert von 40.72%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 34.51%

CMYK: (43,41,0,35)
C43M41Y0K35 (43%, 41%, 0%, 35%)
(0.43 / 0.41 / 0.00 / 0.35)

CMYK-Kanäle in Prozent

%43.11
%40.72
%0
%34.51

Farbcodes

Farbe #5F63A7 in den populären Farbmodellen.

5F 63 A7
RGB 95 99 167
HSL 237° 29.03% 51.37%
HSB/HSV 237° 43.11% 65.49%
CMYK 43.11% 40.72% 0.00%
34.51%

Die Farbe #5F63A7 in den populären Zahlensystemen.

Hexadezimal 5F 63 A7
Dezimal 95 99 167
Binär 1011111 1100011 10100111
Oktal 137 143 247

Farbtöne

Dunkle Töne der Farbe #5F63A7

#5F63A7
(95,99,167)
#575A98
(87,90,152)
#4F5189
(79,81,137)
#47487A
(71,72,122)
#3F3F6B
(63,63,107)
#37365C
(55,54,92)
#2F2D4D
(47,45,77)
#27243E
(39,36,62)
#1F1B2F
(31,27,47)
#171220
(23,18,32)
#0F0911
(15,9,17)
#000000
(0,0,0)

Helle Töne der Farbe #5F63A7

#5F63A7
(95,99,167)
#6D71AF
(109,113,175)
#7B7FB7
(123,127,183)
#898DBF
(137,141,191)
#979BC7
(151,155,199)
#A5A9CF
(165,169,207)
#B3B7D7
(179,183,215)
#C1C5DF
(193,197,223)
#CFD3E7
(207,211,231)
#DDE1EF
(221,225,239)
#EBEFF7
(235,239,247)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #5F63A7. Bitte benutzen Sie auch rgb(95,99,167) statt hex-Code.

Textfarbe

.myTextColor { color: #5F63A7; }

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

Die Farbe dieses Textes ist #5F63A7.

Hintergrundfarbe

.myBgColor { background-color: #5F63A7; }

<div style="background-color:#5F63A7">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #5F63A7.

Grenzfarbe

.myBorderColor { border: 1px solid #5F63A7; }

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

Die Grenzen von diesem div sind in Farbe #5F63A7.

Transparenz

.myOpacity80 { color: #5F63A7; opacity: 0.8; }

<p style="color:#5F63A7;opacity:0.8;">80%</p>

Text in Farbe #5F63A7 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 #5F63A7;}

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

Dieser Text hat den Schatten in Farbe #5F63A7.


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

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

Dieser Text hat den Schatten in Grundfarbe #5F63A7 und zusätzlichem Rot.


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

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

This text has shadow with #5F63A7 and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #5F63A7.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #5F63A7 auf dem schwarzen Hintergrund.


Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #5F63A7 auf dem weißen Hintergrund.


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #5F63A7

Dieser Text ist schwarz auf dem Hintergrund in Farbe #5F63A7.


Beispiel eines weißen Textes auf dem Hintergrund in Farbe #5F63A7

Dieser Text ist weiß auf dem Hintergrund in Farbe #5F63A7.


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #A09C58.


I love getcolorcode.com

Farbtriade

1 #A75F63 und #63A75F kombiniert mit #5F63A7 sind eine Farbtriade.

2 #A7635F und #635FA7 kombiniert mit #5F63A7 sind eine Farbtriade.