FIMH ACCOUNT

Sign in to open Color Studio

This section stays in view, while private tools and data remain locked.

Forgot password?Create account
◉

FIMH GLOBAL COLOR SYSTEM

FIMH Color Lab

Color Creation, Coding & Palette System

ReadyColor Lab is ready. Create or select a color.#6C4DF6
01

Color Creator

251° · 69% · 96%
Hue251°
Opacity100%
Color Name
Name follows hue, saturation and brightness.
R108
G77
B246
Live color preview

FIMH Royal Purple

Primary

02

Color Family Generator

03

Palette Generator

04

Gradient Studio

Live gradient previewLinear Gradient Studiolinear-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

Global Color Effects

Gradients, light, surfaces and blending

FIMH
NoneNormal100%
Stop 1
Stop 2
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.
Color Lab Global Effects V1.1