Pewter Edit Farbpalette

Pewter Edit ist eine Palette aus 6 Farben, die auf Brauntöne, Violetttöne, Rottöne und Rosatöne aufbaut. In OKLCH reicht die Helligkeit von 26 % (#381E00, dunkel) bis 93 % (#FFE0E2, sehr hell), und die gesättigtste Farbe, #4C4468, ist gedämpft. 4 ihrer 6 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 5 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit luxus, gedämpft, violett, warm und ruhig.

LuxusGedämpftViolettWarmRuhig

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #381E00 rgb(56, 30, 0) hsl(32, 100%, 11%) oklch(26.4% 0.059 65.6)
Dim Gray #4C4468 rgb(76, 68, 104) hsl(253, 21%, 34%) oklch(41% 0.06 293.8)
Gray #91685A rgb(145, 104, 90) hsl(15, 23%, 46%) oklch(55.6% 0.057 39.7)
English Lavender #B28C9F rgb(178, 140, 159) hsl(330, 20%, 62%) oklch(68.2% 0.053 347.1)
Silver #CDB7D1 rgb(205, 183, 209) hsl(291, 22%, 77%) oklch(80.6% 0.043 321)
Apricot #FFE0E2 rgb(255, 224, 226) hsl(356, 100%, 94%) oklch(93.3% 0.034 13.3)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Pewter Edit, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#FFE0E2 auf #381E00 12.57:1 AAA Lc -89.5
#381E00 auf #CDB7D1 8.34:1 AAA Lc 65.0
#FFE0E2 auf #4C4468 7.29:1 AAA Lc -79.6

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran.

  • Protanopie

  • Deuteranopie

  • Tritanopie

  • Achromatopsie

Im Code verwenden

Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/381e00-4c4468-91685a-b28c9f-cdb7d1-ffe0e2.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Im Generator öffnen Farbsystem erstellen Visualisieren

Farbverläufe aus diesen Farben