Heirloom Letter Farbpalette
Heirloom Letter ist eine Palette aus 5 Farben, die auf Neutraltöne, Rottöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#221415, sehr dunkel) bis 86 % (#E8CFA0, hell), und die gesättigtste Farbe, #E8CFA0, ist gedämpft. 3 ihrer 3 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 2 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit vintage, warm, gelb, rot und gedämpft.
- Rich Black #221415
- Dark Moss Green #835549
- Battleship Gray #5F7470
- Pewter #B5A27C
- Vanilla #E8CFA0
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #221415 | rgb(34, 20, 21) | hsl(356, 26%, 11%) | oklch(21% 0.023 14.5) |
| Dark Moss Green | #835549 | rgb(131, 85, 73) | hsl(12, 28%, 40%) | oklch(49.7% 0.065 35.3) |
| Battleship Gray | #5F7470 | rgb(95, 116, 112) | hsl(169, 10%, 41%) | oklch(54.1% 0.026 182.5) |
| Pewter | #B5A27C | rgb(181, 162, 124) | hsl(40, 28%, 60%) | oklch(71.9% 0.057 84.4) |
| Vanilla | #E8CFA0 | rgb(232, 207, 160) | hsl(39, 61%, 77%) | oklch(86.4% 0.068 83.1) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Heirloom Letter, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #221415 auf #E8CFA0 | 11.76:1 | AAA | Lc 78.3 |
| #221415 auf #B5A27C | 7.15:1 | AAA | Lc 53.6 |
| #E8CFA0 auf #835549 | 4.13:1 | AA groß | Lc -57.5 |
Farbsehen
1 Farbpaar kommt 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/221415-835549-5f7470-b5a27c-e8cfa0.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.