Tarn and Scree Farbpalette
Tarn and Scree ist eine Palette aus 4 Farben, die auf Blautöne, Grüntöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 29 % (#1F2A44, dunkel) bis 88 % (#D0D9E3, hell), und die gesättigtste Farbe, #1F2A44, ist gedämpft. 1 ihrer 2 chromatischen Farben liegt auf der kühlen Seite des Farbkreises. 2 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit natur, kalt, blau, grün, gedämpft und farbenblind-freundlich.
- Oxford Blue #1F2A44
- Dark Moss Green #5F6F52
- Pewter #B0A99F
- Cadet Gray #D0D9E3
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #1F2A44 | rgb(31, 42, 68) | hsl(222, 37%, 19%) | oklch(28.8% 0.05 265.9) |
| Dark Moss Green | #5F6F52 | rgb(95, 111, 82) | hsl(93, 15%, 38%) | oklch(52% 0.048 131.4) |
| Pewter | #B0A99F | rgb(176, 169, 159) | hsl(35, 10%, 66%) | oklch(73.8% 0.016 77) |
| Cadet Gray | #D0D9E3 | rgb(208, 217, 227) | hsl(212, 25%, 85%) | oklch(88.1% 0.017 250.9) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Tarn and Scree, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #D0D9E3 auf #1F2A44 | 9.99:1 | AAA | Lc -78.9 |
| #1F2A44 auf #B0A99F | 6.13:1 | AA | Lc 52.9 |
| #D0D9E3 auf #5F6F52 | 3.79:1 | AA groß | Lc -57.3 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.
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/1f2a44-5f6f52-b0a99f-d0d9e3.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.