Boardwalk and Lighthouse Farbpalette
Boardwalk and Lighthouse ist eine Palette aus 4 Farben, die auf Blautöne, Türkis- und Cyantöne, Rottöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 33 % (#1B3A4B, dunkel) bis 89 % (#E4D8C3, hell), und die gesättigtste Farbe, #B5543A, ist mäßig gesättigt. Ihre chromatischen Farben verteilen sich gleichmäßig auf die warme und die kühle 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 ozean, sommer, rot und blau.
- Midnight Green #1B3A4B
- YInMn Blue #3D6B7D
- Sinopia #B5543A
- Pale Oak #E4D8C3
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Midnight Green | #1B3A4B | rgb(27, 58, 75) | hsl(201, 47%, 20%) | oklch(33.3% 0.048 234.7) |
| YInMn Blue | #3D6B7D | rgb(61, 107, 125) | hsl(197, 34%, 36%) | oklch(50.2% 0.058 225.3) |
| Sinopia | #B5543A | rgb(181, 84, 58) | hsl(13, 51%, 47%) | oklch(56.2% 0.133 36) |
| Pale Oak | #E4D8C3 | rgb(228, 216, 195) | hsl(38, 38%, 83%) | oklch(88.6% 0.031 81.7) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Boardwalk and Lighthouse, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #E4D8C3 auf #1B3A4B | 8.50:1 | AAA | Lc -76.7 |
| #E4D8C3 auf #3D6B7D | 4.14:1 | AA groß | Lc -60.1 |
| #E4D8C3 auf #B5543A | 3.47:1 | AA groß | Lc -54.6 |
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/1b3a4b-3d6b7d-b5543a-e4d8c3.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.