Registrieren Registrieren
Oceanic Depth 11

Oceanic Depth 11

Palette mit 11 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Oceanic Depth 11

Palette mit 11 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 11 Farben Kühl Gemischt Analog green blue cool ocean
Likes 19
Farben 11

CSS-Variablen

:root {
  --c-muted-1: #5C94CC;
  --c-muted-2: #4D7CBF;
  --c-muted-3: #3E65B3;
  --c-muted-4: #324FA6;
  --c-muted-5: #263999;
  --c-muted-6: #5C6B99;
  --c-muted-7: #4D8394;
  --c-muted-8: #3E9A90;
  --c-muted-9: #32B08D;
  --c-muted-10: #26C688;
  --c-muted-11: #E6A82E;
}

Über diese Palette

Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Mustard Glaze (#E6A82E) bis zum dunkelsten Ton Liquid Denim (#263999). Sie vereint Winter Lake, Parkwater, Kakitsubata Blue, Dazzling Blue, Liquid Denim, Moonshade, Night Masque, Sea, Hisui Kingfisher, Píng Gǔo Lǜ Green und Mustard Glaze in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #263999 auf #E6A82E mit 4,7:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Winter Lake #5C94CC
RGB
rgb(92, 148, 204)
HSL
hsl(210, 52%, 58%)
Luminanz
0,278
Parkwater #4D7CBF
RGB
rgb(77, 124, 191)
HSL
hsl(215, 47%, 53%)
Luminanz
0,198
Kakitsubata Blue #3E65B3
RGB
rgb(62, 101, 179)
HSL
hsl(220, 49%, 47%)
Luminanz
0,136
Dazzling Blue #324FA6
RGB
rgb(50, 79, 166)
HSL
hsl(225, 54%, 42%)
Luminanz
0,090
Liquid Denim #263999
RGB
rgb(38, 57, 153)
HSL
hsl(230, 60%, 37%)
Luminanz
0,056
Moonshade #5C6B99
RGB
rgb(92, 107, 153)
HSL
hsl(225, 25%, 48%)
Luminanz
0,151
Night Masque #4D8394
RGB
rgb(77, 131, 148)
HSL
hsl(194, 32%, 44%)
Luminanz
0,200
Sea #3E9A90
RGB
rgb(62, 154, 144)
HSL
hsl(173, 43%, 42%)
Luminanz
0,262
Hisui Kingfisher #32B08D
RGB
rgb(50, 176, 141)
HSL
hsl(163, 56%, 44%)
Luminanz
0,337
Píng Gǔo Lǜ Green #26C688
RGB
rgb(38, 198, 136)
HSL
hsl(157, 68%, 46%)
Luminanz
0,426
Mustard Glaze #E6A82E
RGB
rgb(230, 168, 46)
HSL
hsl(40, 79%, 54%)
Luminanz
0,450

Kontrast & Barrierefreiheit

1 von 55 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #263999 auf #E6A82E 4,70:1 AA
Aa #263999 auf #26C688 4,47:1 AA (großer Text)
Aa #263999 auf #32B08D 3,63:1 AA (großer Text)
Aa #324FA6 auf #E6A82E 3,57:1 AA (großer Text)
Aa #324FA6 auf #26C688 3,39:1 AA (großer Text)
Aa #5C94CC auf #263999 3,08:1 AA (großer Text)
Aa #263999 auf #3E9A90 2,93:1 Nicht bestanden
Aa #324FA6 auf #32B08D 2,76:1 Nicht bestanden
Aa #3E65B3 auf #E6A82E 2,69:1 Nicht bestanden
Aa #3E65B3 auf #26C688 2,56:1 Nicht bestanden
Aa #5C6B99 auf #E6A82E 2,49:1 Nicht bestanden
Aa #5C6B99 auf #26C688 2,37:1 Nicht bestanden
Aa #263999 auf #4D8394 2,35:1 Nicht bestanden
Aa #5C94CC auf #324FA6 2,34:1 Nicht bestanden
Aa #4D7CBF auf #263999 2,33:1 Nicht bestanden
Aa #324FA6 auf #3E9A90 2,22:1 Nicht bestanden
Aa #3E65B3 auf #32B08D 2,08:1 Nicht bestanden
Aa #4D7CBF auf #E6A82E 2,02:1 Nicht bestanden
Aa #4D8394 auf #E6A82E 2,01:1 Nicht bestanden
Aa #4D7CBF auf #26C688 1,92:1 Nicht bestanden
Aa #5C6B99 auf #32B08D 1,92:1 Nicht bestanden
Aa #4D8394 auf #26C688 1,91:1 Nicht bestanden
Aa #263999 auf #5C6B99 1,89:1 Nicht bestanden
Aa #324FA6 auf #4D8394 1,78:1 Nicht bestanden
Aa #5C94CC auf #3E65B3 1,77:1 Nicht bestanden
Aa #4D7CBF auf #324FA6 1,77:1 Nicht bestanden
Aa #3E65B3 auf #263999 1,75:1 Nicht bestanden
Aa #3E65B3 auf #3E9A90 1,68:1 Nicht bestanden
Aa #5C94CC auf #5C6B99 1,63:1 Nicht bestanden
Aa #3E9A90 auf #E6A82E 1,61:1 Nicht bestanden
Aa #4D7CBF auf #32B08D 1,56:1 Nicht bestanden
Aa #5C6B99 auf #3E9A90 1,55:1 Nicht bestanden
Aa #4D8394 auf #32B08D 1,55:1 Nicht bestanden
Aa #3E9A90 auf #26C688 1,53:1 Nicht bestanden
Aa #5C94CC auf #E6A82E 1,52:1 Nicht bestanden
Aa #5C94CC auf #26C688 1,45:1 Nicht bestanden
Aa #324FA6 auf #5C6B99 1,43:1 Nicht bestanden
Aa #3E65B3 auf #4D8394 1,34:1 Nicht bestanden
Aa #5C94CC auf #4D7CBF 1,33:1 Nicht bestanden
Aa #4D7CBF auf #3E65B3 1,33:1 Nicht bestanden
Aa #3E65B3 auf #324FA6 1,33:1 Nicht bestanden
Aa #5C94CC auf #4D8394 1,32:1 Nicht bestanden
Aa #324FA6 auf #263999 1,32:1 Nicht bestanden
Aa #32B08D auf #E6A82E 1,29:1 Nicht bestanden
Aa #4D7CBF auf #3E9A90 1,26:1 Nicht bestanden
Aa #4D8394 auf #3E9A90 1,25:1 Nicht bestanden
Aa #5C6B99 auf #4D8394 1,24:1 Nicht bestanden
Aa #3E9A90 auf #32B08D 1,24:1 Nicht bestanden
Aa #4D7CBF auf #5C6B99 1,23:1 Nicht bestanden
Aa #32B08D auf #26C688 1,23:1 Nicht bestanden
Aa #5C94CC auf #32B08D 1,18:1 Nicht bestanden
Aa #3E65B3 auf #5C6B99 1,08:1 Nicht bestanden
Aa #5C94CC auf #3E9A90 1,05:1 Nicht bestanden
Aa #26C688 auf #E6A82E 1,05:1 Nicht bestanden
Aa #4D7CBF auf #4D8394 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben