Green Blue #01C08D
Green Blue ist eine Farbe im Bereich Grün, mittelhell und leuchtend, mit dem Hex-Code #01C08D und dem RGB-Wert rgb(1, 192, 141).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (8.92:1).
Über diese Farbe
#01C08D ist eine Farbe im Bereich Grün, mittelhell und leuchtend. In OKLCH liegt die Helligkeit bei 72 %, die Chroma bei 0.149 und der Farbwinkel bei 166°. Ihr Farbton liegt zwischen der warmen und der kühlen Hälfte des Farbkreises. Es ist die benannte Farbe Green Blue. Schwarzer Text ist darauf am besten lesbar, mit 8.92:1.
| Farbfamilie | Grün |
| Helligkeit | mittelhell (72%) |
| Chroma | leuchtend (0.149) |
| Temperatur | dazwischen |
| Nächster Name | Green Blue |
| Schwarzer Text | 8.92:1 |
| Weißer Text | 2.35:1 |
Farben, die zu Green Blue passen
Passende Farben, gefunden durch Drehen von Green Blue 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 Green Blue
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Green Blue enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Green Blue am nächsten liegen, mit ihrem ΔE-Abstand.
- Greenblue #23C48B ΔE 0.015
- Dark Mint Green #20C073 ΔE 0.034
- Dark Seafoam #1FB57A ΔE 0.034
- Green Teal #0CB577 ΔE 0.037
- Dark Mint #48C072 ΔE 0.038
- Algae Green #21C36F ΔE 0.042
- Medium Sea Green #3CB371 ΔE 0.042
- Bluey Green #2BB179 ΔE 0.043
Mehr über Green Blue
So mischst du Green Blue
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.
- 2 Teile Grün
- 2 Teile Weiß
- 1 Teil Blau
Ergebnis des Rezepts: #65B883, eine Abweichung von ΔE 0.044 zu Green Blue. Das ist nah dran; gib etwas mehr von einer Farbe dazu, um es anzugleichen.
Codes für Green Blue in jedem Format
| HEX | #01C08D |
| RGB | rgb(1, 192, 141) |
| HSL | hsl(164, 99%, 38%) |
| OKLCH | oklch(71.6% 0.149 165.7) |
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 #01C08D | 2.35:1 | Nicht bestanden | Lc -50.6 | Großer oder fetter Text, Überschriften |
| Schwarzer Text auf #01C08D | 8.92:1 | AAA | Lc 58.3 | Großer oder fetter Text, Überschriften |
| #01C08D als Text auf Weiß | 2.35:1 | Nicht bestanden | Lc 45.7 | Großer oder fetter Text, Überschriften |
| #01C08D als Text auf Schwarz | 8.92:1 | AAA | Lc -56.4 | Großer oder fetter Text, Überschriften |
Shades und Tints von Green Blue
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
#EEF8F3
oklch(97% 0.012 164.8)
-
Stufe 100
100
#DAF0E6
oklch(93.6% 0.027 166.8)
-
Stufe 200
200
#BAE5D1
oklch(88.6% 0.052 165.3)
-
Stufe 300
300
#84D4B2
oklch(80.9% 0.093 165.4)
-
Stufe 400
400 (diese Farbe)
#01C08D
oklch(71.6% 0.149 165.7)
-
Stufe 500
500
#00A276
oklch(63.1% 0.132 165.5)
-
Stufe 600
600
#008863
oklch(55.6% 0.116 165.8)
-
Stufe 700
700
#007353
oklch(49.2% 0.103 165.6)
-
Stufe 800
800
#005E43
oklch(42.7% 0.089 165.5)
-
Stufe 900
900
#004E37
oklch(37.6% 0.079 165.5)
-
Stufe 950
950
#002F20
oklch(27.1% 0.056 165.8)
Green Blue 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) | #BCB18A | 0.148 |
| Deuteranopie (keine Grünzapfen) | #A8A390 | 0.143 |
| Tritanopie (keine Blauzapfen) | #00C0B2 | 0.053 |
| Achromatopsie (kein Farbsehen) | #A9A9A9 | 0.150 |
Nutze Green Blue 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.