Compass Advisory Farbpalette
Compass Advisory ist eine Palette aus 5 Farben, die auf Blautöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 24 % (#0B1F3A, sehr dunkel) bis 92 % (#DCE7F5, sehr hell), und die gesättigtste Farbe, #4C88D5, ist mäßig gesättigt. 3 ihrer 4 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit business, kalt und blau.
- Rich Black #0B1F3A
- Chefchaouen Blue #4C88D5
- Earth Yellow #CB8C3F
- Light Cornflower Blue #8FB4E8
- Light Gray #DCE7F5
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #0B1F3A | rgb(11, 31, 58) | hsl(214, 68%, 14%) | oklch(23.9% 0.058 256.7) |
| Chefchaouen Blue | #4C88D5 | rgb(76, 136, 213) | hsl(214, 62%, 57%) | oklch(62.2% 0.133 255.5) |
| Earth Yellow | #CB8C3F | rgb(203, 140, 63) | hsl(33, 57%, 52%) | oklch(68.9% 0.12 68.7) |
| Light Cornflower Blue | #8FB4E8 | rgb(143, 180, 232) | hsl(215, 66%, 74%) | oklch(76.2% 0.085 256.9) |
| Light Gray | #DCE7F5 | rgb(220, 231, 245) | hsl(214, 56%, 91%) | oklch(92.4% 0.022 254.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Compass Advisory, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #DCE7F5 auf #0B1F3A | 13.21:1 | AAA | Lc -89.4 |
| #0B1F3A auf #8FB4E8 | 7.76:1 | AAA | Lc 59.5 |
| #0B1F3A auf #CB8C3F | 5.79:1 | AA | Lc 46.9 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe 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/0b1f3a-4c88d5-cb8c3f-8fb4e8-dce7f5.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.