Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Fuchsia Pheromone Ribbon

Palette · 4 colors · Lc 8.1

Fuchsia Pheromone Ribbon palette

Fuchsia Pheromone Ribbon: a 4-color palette (Pink, Dark Mode UI, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #050308, #3C2F44, #9A56B9, #E6E1EB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Pink
  • Dark Mode UI
  • UI System
  • 4 Colors

bg

#050308

surface

#3C2F44

accent

#9A56B9

text

#E6E1EB

Open in StudioOpen in PickerAll palettes

Colors in Fuchsia Pheromone Ribbon: HEX, RGB, HSL & OKLCH

  • bg

    #050308

    #050308 color page →
    RGB
    rgb(5 3 8)
    HSL
    hsl(264 45% 2%)
    OKLCH
    oklch(0.106 0.018 305.2)

    WCAG contrast: on white 20.52:1 (AAA) · on black 1.02:1 (Fail)

  • surface

    #3C2F44

    #3C2F44 color page →
    RGB
    rgb(60 47 68)
    HSL
    hsl(277 18% 23%)
    OKLCH
    oklch(0.328 0.04 312.2)

    WCAG contrast: on white 12.48:1 (AAA) · on black 1.68:1 (Fail)

  • accent

    #9A56B9

    #9A56B9 color page →
    RGB
    rgb(154 86 185)
    HSL
    hsl(281 41% 53%)
    OKLCH
    oklch(0.573 0.16 314.2)

    WCAG contrast: on white 4.76:1 (AA) · on black 4.40:1 (Fail)

  • text

    #E6E1EB

    #E6E1EB color page →
    RGB
    rgb(230 225 235)
    HSL
    hsl(270 20% 90%)
    OKLCH
    oklch(0.917 0.014 308.3)

    WCAG contrast: on white 1.28:1 (Fail) · on black 16.33:1 (AAA)

Export Fuchsia Pheromone Ribbon: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #050308;
  --surface: #3c2f44;
  --accent: #9a56b9;
  --text: #e6e1eb;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #050308;
  --color-surface: #3c2f44;
  --color-accent: #9a56b9;
  --color-text: #e6e1eb;
}

JSON (DTCG tokens)

{
  "fuchsia-pheromone-ribbon-5ny": {
    "bg": {
      "$type": "color",
      "$value": "#050308"
    },
    "surface": {
      "$type": "color",
      "$value": "#3c2f44"
    },
    "accent": {
      "$type": "color",
      "$value": "#9a56b9"
    },
    "text": {
      "$type": "color",
      "$value": "#e6e1eb"
    }
  }
}

About this palette

Fuchsia Pheromone Ribbon is a 4-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 4 colors. Hex values: #050308, #3C2F44, #9A56B9, #E6E1EB. APCA contrast score Lc 8.1. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Candy Grape Fizz ForgePink · Dark Mode UI
  • Vivid Candy Grape Fizz StudioPink · Dark Mode UI
  • Prickly Purple MeadowPink · Gray
  • Steady Fuchsia Pheromone SignalPink · Dark Mode UI
  • Steady Lusty Lavender FogPink · Dark Mode UI
  • Classic Lavish Spending PrismPink · Dark Mode UI

Palettes with similar colors

Closest to Fuchsia Pheromone Ribbon by OKLab color distance.

  • True Vicious Violet BeaconRed · Dark Mode UI
  • Pure Fuchsia Pheromone SystemRed · 4 Colors
  • Pure Purple Rain AtelierPink · Dark Mode UI
  • Amora Purple ArchiveRed · Warm
  • True Royal Lavender HarborPink · 4 Colors
  • Magenta Memoir VaultRed · Warm
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA