Fluent UI Colors

Theme Lighter

themeLighter
#DEECF9

CSS Values

Token (camelCase)palette.themeLighter
HEX#DEECF9
RGBrgb(222, 236, 249)
HSLhsl(209, 69%, 92%)
HSL (modern)hsl(209deg 69% 92%)
OKLCHoklch(93.6% 0.0231 246deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.2:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.47:1AA: PassAAA: PassAA Large: Pass

Other theme tokens