Moonpool Water Farbpalette
Moonpool Water ist eine Palette aus 5 Farben, die auf Türkis- und Cyantöne, Rottöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 20 % (#001A16, sehr dunkel) bis 93 % (#D6EDE9, sehr hell), und die gesättigtste Farbe, #623944, ist gedämpft. 2 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 6 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit ozean, ruhig, rot, türkis und gedämpft.
- Rich Navy #001A16
- Midnight Green #003C36
- Dim Gray #623944
- Silver #D8C1C6
- Gainsboro #D6EDE9
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #001A16 | rgb(0, 26, 22) | hsl(171, 100%, 5%) | oklch(19.5% 0.035 181.5) |
| Midnight Green | #003C36 | rgb(0, 60, 54) | hsl(174, 100%, 12%) | oklch(32% 0.057 183.9) |
| Dim Gray | #623944 | rgb(98, 57, 68) | hsl(344, 26%, 30%) | oklch(39.8% 0.06 2.8) |
| Silver | #D8C1C6 | rgb(216, 193, 198) | hsl(347, 23%, 80%) | oklch(83.2% 0.027 2.9) |
| Gainsboro | #D6EDE9 | rgb(214, 237, 233) | hsl(170, 39%, 88%) | oklch(92.8% 0.025 184.2) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Moonpool Water, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #D6EDE9 auf #001A16 | 14.79:1 | AAA | Lc -91.9 |
| #001A16 auf #D8C1C6 | 10.66:1 | AAA | Lc 72.1 |
| #D6EDE9 auf #003C36 | 10.09:1 | AAA | Lc -86.3 |
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/001a16-003c36-623944-d8c1c6-d6ede9.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.