Fluent UI Colors

Theme Primary

themePrimary
#0078D4

CSS Values

Token (camelCase)palette.themePrimary
HEX#0078D4
RGBrgb(0, 120, 212)
HSLhsl(206, 100%, 42%)
HSL (modern)hsl(206deg 100% 42%)
OKLCHoklch(56.8% 0.1665 251deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.53:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.64:1AA: PassAAA: FailAA Large: Pass

Other theme tokens