Umber Table Farbpalette

Umber Table ist eine Palette aus 6 Farben, die auf Brauntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#211605, sehr dunkel) bis 96 % (#FAF0D7, sehr hell), und die gesättigtste Farbe, #A4926E, ist gedämpft. 6 ihrer 6 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 6 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit erdig, gedämpft, monochrom, farbverlauf und gelb.

ErdigGedämpftMonochromFarbverlaufGelb

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #211605 rgb(33, 22, 5) hsl(36, 74%, 7%) oklch(21% 0.034 77.2)
Pakistan Green #44361D rgb(68, 54, 29) hsl(38, 40%, 19%) oklch(34.2% 0.044 81)
Dark Moss Green #746240 rgb(116, 98, 64) hsl(39, 29%, 35%) oklch(50.5% 0.054 82.8)
English Lavender #A4926E rgb(164, 146, 110) hsl(40, 23%, 54%) oklch(66.7% 0.054 84.4)
Pale Oak #D4C6A8 rgb(212, 198, 168) hsl(41, 34%, 75%) oklch(83% 0.043 85.9)
Champagne #FAF0D7 rgb(250, 240, 215) hsl(43, 78%, 91%) oklch(95.6% 0.035 88.8)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#FAF0D7 auf #211605 15.66:1 AAA Lc -97.2
#211605 auf #D4C6A8 10.53:1 AAA Lc 72.3
#FAF0D7 auf #44361D 10.33:1 AAA Lc -91.0

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/211605-44361d-746240-a4926e-d4c6a8-faf0d7.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