ST 8 Ocean

Palette mit 8 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

ST 8 Ocean

Palette mit 8 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Lebendig 8 Farben Kühl Dunkel Analog artist ocean water aqua

Likes 93

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #040D09;
  --c-vibrant-2: #081A14;
  --c-vibrant-3: #0F332E;
  --c-vibrant-4: #165955;
  --c-vibrant-5: #238C8C;
  --c-vibrant-6: #39BFBF;
  --c-vibrant-7: #5CE5E5;
  --c-vibrant-8: #B2FAFF;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Italian Sky Blue (#B2FAFF) bis zum dunkelsten Ton Alpine Salamander (#040D09). Sie vereint Alpine Salamander, Black Stallion, Storm Green, Baltic Prince, Fish Story, Maximum Blue Green, Near Moon und Italian Sky Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #040D09 auf #B2FAFF mit 16,89:1.

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

Farben im Detail

Alpine Salamander #040D09

RGB: rgb(4, 13, 9)
HSL: hsl(153, 53%, 3%)
Luminanz: 0,003

Black Stallion #081A14

RGB: rgb(8, 26, 20)
HSL: hsl(160, 53%, 7%)
Luminanz: 0,008

Storm Green #0F332E

RGB: rgb(15, 51, 46)
HSL: hsl(172, 55%, 13%)
Luminanz: 0,027

Baltic Prince #165955

RGB: rgb(22, 89, 85)
HSL: hsl(176, 60%, 22%)
Luminanz: 0,080

Fish Story #238C8C

RGB: rgb(35, 140, 140)
HSL: hsl(180, 60%, 34%)
Luminanz: 0,210

Maximum Blue Green #39BFBF

RGB: rgb(57, 191, 191)
HSL: hsl(180, 54%, 49%)
Luminanz: 0,419

Near Moon #5CE5E5

RGB: rgb(92, 229, 229)
HSL: hsl(180, 72%, 63%)
Luminanz: 0,640

Italian Sky Blue #B2FAFF

RGB: rgb(178, 250, 255)
HSL: hsl(184, 100%, 85%)
Luminanz: 0,851

Kontrast & Barrierefreiheit

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

Aa #040D09 auf #B2FAFF 16,89:1 AAA

Aa #081A14 auf #B2FAFF 15,42:1 AAA

Aa #040D09 auf #5CE5E5 12,93:1 AAA

Aa #081A14 auf #5CE5E5 11,81:1 AAA

Aa #0F332E auf #B2FAFF 11,75:1 AAA

Aa #0F332E auf #5CE5E5 9,00:1 AAA

Aa #040D09 auf #39BFBF 8,79:1 AAA

Aa #081A14 auf #39BFBF 8,03:1 AAA

Aa #165955 auf #B2FAFF 6,94:1 AA

Aa #0F332E auf #39BFBF 6,12:1 AA

Aa #165955 auf #5CE5E5 5,32:1 AA

Aa #040D09 auf #238C8C 4,88:1 AA

Aa #081A14 auf #238C8C 4,45:1 AA (großer Text)

Aa #165955 auf #39BFBF 3,62:1 AA (großer Text)

Aa #238C8C auf #B2FAFF 3,46:1 AA (großer Text)

Aa #0F332E auf #238C8C 3,39:1 AA (großer Text)

Aa #238C8C auf #5CE5E5 2,65:1 Nicht bestanden

Aa #040D09 auf #165955 2,43:1 Nicht bestanden

Aa #081A14 auf #165955 2,22:1 Nicht bestanden

Aa #165955 auf #238C8C 2,00:1 Nicht bestanden

Aa #39BFBF auf #B2FAFF 1,92:1 Nicht bestanden

Aa #238C8C auf #39BFBF 1,80:1 Nicht bestanden

Aa #0F332E auf #165955 1,69:1 Nicht bestanden

Aa #39BFBF auf #5CE5E5 1,47:1 Nicht bestanden

Aa #040D09 auf #0F332E 1,44:1 Nicht bestanden

Aa #081A14 auf #0F332E 1,31:1 Nicht bestanden

Aa #5CE5E5 auf #B2FAFF 1,31:1 Nicht bestanden

Aa #040D09 auf #081A14 1,10:1 Nicht bestanden

ST 8 Ocean

ST 8 Ocean

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen