What the Frank Acre nearby Fashioning: Web Color: CSS Implementation & Dark Mode

What the Frank Acre nearby Fashioning — a 45%-saturated Blue at 30% lightness (RGB (43-42-111)) — web implementation — CSS syntax, design system architecture, and dark mode compatibility.

What the Frank Acre nearby Fashioning
#2B2A6F · RGB (43-42-111) · HSL(241°,45%,30%)

Accessibility: Best text on RGB (43-42-111) is white (ratio 12.62:1 — WCAG AAA ✅). Check your own contrast →

Color in Modern CSS

Modern CSS Color Level 4 offers multiple color functions: rgb(), hsl(), oklch(), lab(). For design systems, HSL custom properties are most maintainable — each dimension adjustable independently, making theming, dark mode, and state variants straightforward. OKLCH gives the most perceptually accurate gradient interpolation.

Applying What the Frank Acre nearby Fashioning in Web

Implementing RGB (43-42-111) as a CSS system color:

  • Define as custom property: --color-primary: #2B2A6F;
  • Store as HSL: --primary-h: 241; --primary-s: 45%; --primary-l: 30%;
  • Dark mode: decrease lightness by 10–15%
  • Hover state: lightness ±10% via calc()
  • Test across major browsers, OSes, and all responsive breakpoints

Similar Colors

Design neighbors:

More Blue:

All Blue colors →

Full Data for What the Frank Acre nearby Fashioning

13 formats + harmonies: What the Frank Acre nearby Fashioning →