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.
| Farbfamilie | Grün |
| Helligkeit | mittelhell (76%) |
| Chroma | leuchtend (0.183) |
| Temperatur | dazwischen |
| Nächster Name | Seaweed |
| Schwarzer Text | 10.44:1 |
| Weißer Text | 2.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°).
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Triade
Drei Farbtöne im Abstand von 120°.
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.
- Algae Green #21C36F ΔE 0.039
- Emerald #06D6A0 ΔE 0.046
- Dark Mint #48C072 ΔE 0.046
- Aqua Green #12E193 ΔE 0.047
- Dark Mint Green #20C073 ΔE 0.047
- Greenblue #23C48B ΔE 0.048
- Soft Green #6FC276 ΔE 0.056
- Weird Green #3AE57F ΔE 0.059
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.
Codes für Seaweed in jedem Format
| HEX | #18D17B |
| RGB | rgb(24, 209, 123) |
| HSL | hsl(152, 79%, 46%) |
| OKLCH | oklch(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.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-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.
-
Stufe 50
50
#EEF9F1
oklch(97.2% 0.016 154.5)
-
Stufe 100
100
#D9F1E0
oklch(93.6% 0.034 154.8)
-
Stufe 200
200
#B9E6C7
oklch(88.5% 0.063 154.9)
-
Stufe 300
300
#81D7A0
oklch(81% 0.115 154.9)
-
Stufe 400
400 (diese Farbe)
#18D17B
oklch(75.8% 0.183 155.1)
-
Stufe 500
500
#00A45E
oklch(63.1% 0.156 155.1)
-
Stufe 600
600
#008A4E
oklch(55.6% 0.137 155)
-
Stufe 700
700
#007441
oklch(49.1% 0.121 155.2)
-
Stufe 800
800
#005F34
oklch(42.6% 0.105 155.1)
-
Stufe 900
900
#004F2B
oklch(37.6% 0.092 155.5)
-
Stufe 950
950
#003017
oklch(27.1% 0.068 154.6)
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.
| Sehen | Wirkt als | Verschiebung (ΔE) |
|---|---|---|
| Protanopie (keine Rotzapfen) | #D0BF75 | 0.162 |
| Deuteranopie (keine Grünzapfen) | #BDB181 | 0.160 |
| Tritanopie (keine Blauzapfen) | #00CFBC | 0.090 |
| Achromatopsie (kein Farbsehen) | #B7B7B7 | 0.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.