Seaweed #18D17B

Seaweed ist eine Farbe im Bereich Grün, mittelhell und leuchtend, mit dem Hex-Code #18D17B und dem RGB-Wert rgb(24, 209, 123).

Aa

Schwarzer Text ist auf dieser Farbe am besten lesbar (10.44:1).

Über diese Farbe

#18D17B ist eine Farbe im Bereich Grün, mittelhell und leuchtend. In OKLCH liegt die Helligkeit bei 76 %, die Chroma bei 0.183 und der Farbwinkel bei 155°. Ihr Farbton liegt zwischen der warmen und der kühlen Hälfte des Farbkreises. Es ist die benannte Farbe Seaweed. Schwarzer Text ist darauf am besten lesbar, mit 10.44:1.

FarbfamilieGrün
Helligkeitmittelhell (76%)
Chromaleuchtend (0.183)
Temperaturdazwischen
Nächster NameSeaweed
Schwarzer Text10.44:1
Weißer Text2.01:1

Farben, die zu Seaweed passen

Passende Farben, gefunden durch Drehen von Seaweed auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.

Komplementär

Der gegenüberliegende Farbton (180°).

Komplementäre Palette im Generator öffnen

Analog

Benachbarte Farbtöne, je 30° zu beiden Seiten.

Analoge Palette im Generator öffnen

Farbpaletten mit Seaweed

Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Seaweed enthalten, die nächsten zuerst.

Ähnliche benannte Farben

Die acht benannten Farben, die Seaweed am nächsten liegen, mit ihrem ΔE-Abstand.

Mehr über Seaweed

So mischst du Seaweed

Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.

  • 1 Teil Grün
  • 1 Teil Weiß

Ergebnis des Rezepts: #74C780, eine Abweichung von ΔE 0.056 zu Seaweed. Das ist nah dran; gib etwas mehr von einer Farbe dazu, um es anzugleichen.

Welche Farben ergeben Grün? | Farbmischtabelle

Codes für Seaweed in jedem Format

HEX#18D17B
RGBrgb(24, 209, 123)
HSLhsl(152, 79%, 46%)
OKLCHoklch(75.8% 0.183 155.1)

Kontrast

WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.

PaarWCAG 2ErgebnisAPCAAPCA-Empfehlung
Weißer Text auf #18D17B 2.01:1 Nicht bestanden Lc -42.8 Elemente ohne Text, Platzhaltertext
Schwarzer Text auf #18D17B 10.44:1 AAA Lc 65.6 Inhaltstext, nicht für lange Texte
#18D17B als Text auf Weiß 2.01:1 Nicht bestanden Lc 38.4 Elemente ohne Text, Platzhaltertext
#18D17B als Text auf Schwarz 10.44:1 AAA Lc -64.0 Inhaltstext, nicht für lange Texte

Shades und Tints von Seaweed

Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 400.

  1. Stufe 50

    50

    #EEF9F1

    oklch(97.2% 0.016 154.5)

  2. Stufe 100

    100

    #D9F1E0

    oklch(93.6% 0.034 154.8)

  3. Stufe 200

    200

    #B9E6C7

    oklch(88.5% 0.063 154.9)

  4. Stufe 300

    300

    #81D7A0

    oklch(81% 0.115 154.9)

  5. Stufe 400

    400 (diese Farbe)

    #18D17B

    oklch(75.8% 0.183 155.1)

  6. Stufe 500

    500

    #00A45E

    oklch(63.1% 0.156 155.1)

  7. Stufe 600

    600

    #008A4E

    oklch(55.6% 0.137 155)

  8. Stufe 700

    700

    #007441

    oklch(49.1% 0.121 155.2)

  9. Stufe 800

    800

    #005F34

    oklch(42.6% 0.105 155.1)

  10. Stufe 900

    900

    #004F2B

    oklch(37.6% 0.092 155.5)

  11. Stufe 950

    950

    #003017

    oklch(27.1% 0.068 154.6)

Diese Skala im Tool für Tailwind-Farben exportieren

Seaweed bei Farbenblindheit

Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.

SehenWirkt alsVerschiebung (ΔE)
Protanopie (keine Rotzapfen)#D0BF750.162
Deuteranopie (keine Grünzapfen)#BDB1810.160
Tritanopie (keine Blauzapfen)#00CFBC0.090
Achromatopsie (kein Farbsehen)#B7B7B70.184

Nutze Seaweed in deinem Produkt

Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.