◉

FIMH GLOBAL COLOR SYSTEM

FIMH Color Lab

Color Creation, Coding & Palette System

ReadyColor Lab is ready. Create or select a color.#6C4DF6
LIVE COLOR PREVIEW

FIMH Royal Purple

Primary

02

Color Family Generator

03

Palette Generator

04

Gradient Studio

LIVE GRADIENT PREVIEWLinear Gradientlinear-gradient(135deg, #9F8CFF 0%, #32166E 100%)
Angle / Rotation135°
CSS Gradient Codebackground: linear-gradient(135deg, #9F8CFF 0%, #32166E 100%);
05

Accessibility Check

ACCESSIBILITY LIVE PREVIEW

Readable design starts with contrast.

This preview shows normal body text using the selected foreground and background colors.

Small text preview · FIMH Color Lab
Contrast Ratio5.21:1WCAG AA passed. AAA is not available for normal text.
WCAG AANormal TextPassedRequired 4.5:1
WCAG AALarge TextPassedRequired 3:1
WCAG AAANormal TextFailedRequired 7:1
WCAG AAALarge TextPassedRequired 4.5:1
Aa
White Text5.21:1AA Passed
Aa
Black Text4.03:1AA Failed
✓
Recommended Text#FFFFFFBest contrast for this background
06

Color Coding & Design Tokens

ScopeGlobal
Base Tokencolor.primary.500
CSS Variable--fimh-primary-500
Current Value#6C4DF6
color.primary.50--fimh-primary-50
color.primary.100--fimh-primary-100
color.primary.200--fimh-primary-200
color.primary.300--fimh-primary-300
color.primary.400--fimh-primary-400
color.primary.500--fimh-primary-500
color.primary.600--fimh-primary-600
color.primary.700--fimh-primary-700
color.primary.800--fimh-primary-800
color.primary.900--fimh-primary-900
color.primary.950--fimh-primary-950
CSS Variablesfimh / primary
:root {
  --fimh-primary-50: #F3F1FE;
  --fimh-primary-100: #E5DFFD;
  --fimh-primary-200: #D0C6FC;
  --fimh-primary-300: #B6A6FB;
  --fimh-primary-400: #917AF8;
  --fimh-primary-500: #6C4DF6;
  --fimh-primary-600: #5D42D4;
  --fimh-primary-700: #4E37B1;
  --fimh-primary-800: #3F2D8F;
  --fimh-primary-900: #2D2067;
  --fimh-primary-950: #1E1645;
}
07

Unified Color Library

0 Active
All items · All scopes · 0 results
＋No matching library items

Save a color, palette or token set, or change the active tab and scope filter.

Color Lab is ready. Create or select a color.