After School Login Screen

Notebook Blue
#a6c8ff
Recess Red
#ff6b6b
Binder White
#fdfdfd
School Bus Yellow
#ffd93d
Denim Edge
#3a506b
Crate Brown
#9b6a6c
Bubblegum Byte
#ffa8c5

Die Palette besteht aus Licht-Farben. Akzentfarben Notebook Blue #a6c8ff und School Bus Yellow #ffd93d. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #3A506B (dunkelstes) bis #FDFDFD (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #3A506B, #9B6A6C, #A6C8FF, #FDFDFD, #FF6B6B, #FFA8C5, #FFD93D

Die Palette After School Login Screen enthält eine Kombination aus 7-Codefarben:

VERHEXEN: #a6c8ff, RGB: (166, 200, 255); VERHEXEN: #ff6b6b, RGB: (255, 107, 107); VERHEXEN: #fdfdfd, RGB: (253, 253, 253)

VERHEXEN: #ffd93d, RGB: (255, 217, 61); VERHEXEN: #3a506b, RGB: (58, 80, 107); VERHEXEN: #9b6a6c, RGB: (155, 106, 108)

VERHEXEN: #ffa8c5, RGB: (255, 168, 197)

Vereinfachte Version der Palettenfarben

Schatten von lightsteelblue, Farbton von salmon, Farbton von Weiss, Schatten von gold, Schatten von darkslateblue, Farbton von indianred, Farbton von lightpink

Farbschema wurde erstellt von colorhunt

Mehr Paletten mit:

Farbcodes in der Palette

After School Login Screen Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#a6c8ff	#a6c8ff	RGB(166, 200, 255)	Notebook Blue	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Recess Red	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Binder White	Brilliance
#ffd93d	#ffd93d	RGB(255, 217, 61)	School Bus Yellow	—
#3a506b	#3a506b	RGB(58, 80, 107)	Denim Edge	—
#9b6a6c	#9b6a6c	RGB(155, 106, 108)	Crate Brown	—
#ffa8c5	#ffa8c5	RGB(255, 168, 197)	Bubblegum Byte	—

Farbpalette Kontrast

10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#a6c8ff	#ff6b6b	1.62
#a6c8ff	#fdfdfd	1.67
#a6c8ff	#ffd93d	1.23
#a6c8ff	#ffa8c5	1.05
#ff6b6b	#9b6a6c	1.61
#ff6b6b	#ffa8c5	1.54

Bildpalette After School Login Screen png

--color-notebook-blue:	#a6c8ff;
--color-recess-red:	#ff6b6b;
--color-binder-white:	#fdfdfd;
--color-school-bus-yellow:	#ffd93d;
--color-denim-edge:	#3a506b;
--color-crate-brown:	#9b6a6c;
--color-bubblegum-byte:	#ffa8c5;

$color-notebook-blue:	#a6c8ff;
$color-recess-red:	#ff6b6b;
$color-binder-white:	#fdfdfd;
$color-school-bus-yellow:	#ffd93d;
$color-denim-edge:	#3a506b;
$color-crate-brown:	#9b6a6c;
$color-bubblegum-byte:	#ffa8c5;

@color-notebook-blue:	#a6c8ff;
@color-recess-red:	#ff6b6b;
@color-binder-white:	#fdfdfd;
@color-school-bus-yellow:	#ffd93d;
@color-denim-edge:	#3a506b;
@color-crate-brown:	#9b6a6c;
@color-bubblegum-byte:	#ffa8c5;