Yuexian TechFree Image Tools
Color details

#F8F2D3Mist Vivid Gold 50 / 浅雾鲜活金黄 50

Mist Vivid Gold 50 (#F8F2D3) color details: RGB 248, 242, 211, HSL 50°, 73%, 90%. Explore CMYK, LAB, tints, harmonies, WCAG contrast, and CSS code for free.

#F8F2D3

Color formats and exact values

Copy the formats commonly used in design, web, apps, and print.

HEX#F8F2D3
RGB248, 242, 211
HSL50°, 73%, 90%
HSV / HSB50°, 15%, 97%
CMYK0%, 2%, 15%, 3%
CIE XYZ82.22, 88.16, 74.3
CIELAB95.23, -3.03, 15.7
Text color#000000

Tints and shades

Move from pale surfaces to dark accents. Select any swatch to explore it.

Color harmonies

Four practical combinations calculated from the HSL color wheel.

Complementary

High contrast for accents and calls to action.

Analogous

Smooth and cohesive for interface hierarchy.

Triadic

Balanced energy for charts, illustration, and brands.

Split complementary

Strong contrast with a softer balance than a direct complement.

Text contrast

White and black text checked against WCAG 2.2 readability thresholds.

Aa
White text1.13 : 1Normal text AA fails
AA ×
Aa
Black text18.63 : 1Normal text AA passes
AA ✓

Developer code

HEX: #F8F2D3
RGB: rgb(248, 242, 211)
HSL: hsl(50 73% 90%)
CSS: --brand-color: #F8F2D3;
Android: #F8F2D3
Swift: UIColor(red: 0.973, green: 0.949, blue: 0.827, alpha: 1)

Color analysis and usage

#F8F2D3 sits in the yellow family with a airy, vivid and highly saturated character.

It works well for page backgrounds, pale cards, and generous surfaces. Use the contrast results below when choosing text instead of relying on appearance alone.

Practical guidance

  • Use #000000 as the first text-color candidate for higher baseline contrast.
  • Keep a tint-and-shade scale for consistent hover, disabled, and surface states.
  • Proof with the target print profile because screen RGB and physical ink will differ.

Related colors

Nearby colors selected by RGB distance for quick comparison and combination.

Find more colors in an image

Upload, drop, or paste an image to sample exact pixels and extract its dominant palette.

Use the free image color picker →
Copied to clipboard