Garnet Treasury Farbpalette

Garnet Treasury ist eine Palette aus 6 Farben, die auf Türkis- und Cyantöne, Rottöne, Violetttöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 33 % (#0F3D3E, dunkel) bis 94 % (#F3E9DC, sehr hell), und die gesättigtste Farbe, #7B2D8E, ist leuchtend. Ihre chromatischen Farben verteilen sich gleichmäßig auf die warme und die kühle Seite des Farbkreises. 4 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit luxus und violett.

LuxusViolett

Farbcodes

FarbeHEXRGBHSLOKLCH
Midnight Green #0F3D3E rgb(15, 61, 62) hsl(181, 61%, 15%) oklch(33% 0.048 197.2)
Maroon #6A0F2B rgb(106, 15, 43) hsl(342, 75%, 24%) oklch(34.6% 0.124 9.5)
Purple #7B2D8E rgb(123, 45, 142) hsl(288, 52%, 37%) oklch(45.3% 0.164 319.2)
Dark Cyan #1B6B5A rgb(27, 107, 90) hsl(167, 60%, 26%) oklch(47.6% 0.08 175.2)
Tiger's Eye #B08D57 rgb(176, 141, 87) hsl(36, 36%, 52%) oklch(66.4% 0.083 77.4)
Champagne #F3E9DC rgb(243, 233, 220) hsl(34, 49%, 91%) oklch(93.8% 0.02 74.7)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#F3E9DC auf #6A0F2B 10.20:1 AAA Lc -86.7
#F3E9DC auf #0F3D3E 9.96:1 AAA Lc -87.2
#F3E9DC auf #7B2D8E 6.71:1 AA Lc -78.4

Farbsehen

2 Farbpaare kommen in mindestens einer Simulation auf ΔE 0.06 aneinander 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/0f3d3e-6a0f2b-7b2d8e-1b6b5a-b08d57-f3e9dc.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