French Gray #ADB5BD

French Gray ist eine Farbe, mittelhell und nahezu neutralgrau, mit dem Hex-Code #ADB5BD und dem RGB-Wert rgb(173, 181, 189).

Aa

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

Über diese Farbe

#ADB5BD ist eine Farbe, mittelhell und nahezu neutralgrau. In OKLCH liegt die Helligkeit bei 77 %, die Chroma bei 0.015. Sie hat zu wenig Chroma, um warm oder kühl zu wirken. Es ist die benannte Farbe French Gray. Schwarzer Text ist darauf am besten lesbar, mit 10.12:1.

FarbfamilieNeutral
Helligkeitmittelhell (77%)
Chromanahezu neutralgrau (0.015)
Temperaturneutral
Nächster NameFrench Gray
Schwarzer Text10.12:1
Weißer Text2.07:1

Farben, die zu French Gray passen

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

French Gray liegt nahe an Neutral und hat keinen Farbton zum Drehen. Sie passt zu fast jeder Farbe; probiere die Paletten unten.

Farbpaletten mit French Gray

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

Ähnliche benannte Farben

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

Mehr über French Gray

So mischst du French Gray

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.

  • 3 Teile Weiß
  • 3 Teile Grau
  • 1 Teil Blau

Ergebnis des Rezepts: #A6B9BF, eine Abweichung von ΔE 0.012 zu French Gray. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Grau? | Farbmischtabelle

Codes für French Gray in jedem Format

HEX#ADB5BD
RGBrgb(173, 181, 189)
HSLhsl(210, 11%, 71%)
OKLCHoklch(76.9% 0.015 248)

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 #ADB5BD 2.07:1 Nicht bestanden Lc -45.1 Großer oder fetter Text, Überschriften
Schwarzer Text auf #ADB5BD 10.12:1 AAA Lc 63.4 Inhaltstext, nicht für lange Texte
#ADB5BD als Text auf Weiß 2.07:1 Nicht bestanden Lc 40.5 Elemente ohne Text, Platzhaltertext
#ADB5BD als Text auf Schwarz 10.12:1 AAA Lc -61.7 Inhaltstext, nicht für lange Texte

Shades und Tints von French Gray

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 300.

  1. Stufe 50

    50

    #F4F5F7

    oklch(97% 0.003 264.5)

  2. Stufe 100

    100

    #E8EAEC

    oklch(93.6% 0.003 247.9)

  3. Stufe 200

    200

    #D5DADE

    oklch(88.6% 0.008 241.7)

  4. Stufe 300

    300 (diese Farbe)

    #ADB5BD

    oklch(76.9% 0.015 248)

  5. Stufe 400

    400

    #96A2AF

    oklch(70.7% 0.023 250.3)

  6. Stufe 500

    500

    #7C8B9B

    oklch(63% 0.03 250)

  7. Stufe 600

    600

    #657586

    oklch(55.5% 0.033 250)

  8. Stufe 700

    700

    #546371

    oklch(49.2% 0.029 246.6)

  9. Stufe 800

    800

    #44505C

    oklch(42.5% 0.025 248.4)

  10. Stufe 900

    900

    #3A434C

    oklch(37.8% 0.019 248.3)

  11. Stufe 950

    950

    #22272C

    oklch(27% 0.012 248.3)

Diese Skala im Tool für Tailwind-Farben exportieren

French Gray 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)#B2B5BD0.007
Deuteranopie (keine Grünzapfen)#B0B3BD0.006
Tritanopie (keine Blauzapfen)#A9B7B70.013
Achromatopsie (kein Farbsehen)#B4B4B40.015

Nutze French Gray 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.