Launch Report Farbpalette
Launch Report ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 27 % (#0B2B33, dunkel) bis 98 % (#F2FBF9, sehr hell), und die gesättigtste Farbe, #E36414, ist leuchtend. 2 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 1 ihrer 6 Farbpaare erreicht das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit technik, business, orange, türkis und warm.
- Oxford Blue #0B2B33
- Teal Green #1A8A8C
- Burnt Sienna #E36414
- Cultured #F2FBF9
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #0B2B33 | rgb(11, 43, 51) | hsl(192, 65%, 12%) | oklch(27% 0.039 217.4) |
| Teal Green | #1A8A8C | rgb(26, 138, 140) | hsl(181, 69%, 33%) | oklch(57.7% 0.093 196.8) |
| Burnt Sienna | #E36414 | rgb(227, 100, 20) | hsl(23, 84%, 48%) | oklch(65.1% 0.177 45.7) |
| Cultured | #F2FBF9 | rgb(242, 251, 249) | hsl(167, 53%, 97%) | oklch(98.1% 0.01 181.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Launch Report, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #F2FBF9 auf #0B2B33 | 14.17:1 | AAA | Lc -100.5 |
| #0B2B33 auf #E36414 | 4.33:1 | AA groß | Lc 38.5 |
| #F2FBF9 auf #1A8A8C | 3.94:1 | AA groß | Lc -69.7 |
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/0b2b33-1a8a8c-e36414-f2fbf9.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.