yellowwarmCC0 survey name

Light Mustard #F7D560

Light Mustard is a mid-tone, vivid warm color (#F7D560; HSL 46° 90% 67%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light mustard”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows · Golds

Color values

FormatValue
HEX#F7D560
RGBrgb(247, 213, 96)
HSLhsl(46, 90%, 67%)
HSVhsv(46, 61%, 97%)
OKLCHoklch(87.99% 0.14 93.1)
OKLaboklab(87.99% -0.0076 0.1397)
CMYKcmyk(0%, 13.8%, 61.1%, 3.1%)
XYZxyz(64.2663, 68.2105, 20.8449)
CIE-LABlab(86.1, -1.3, 60.8)
CIE-LCHlch(86.1, 60.8, 91.2°)
Luminance0.682 (WCAG relative)
/* Light Mustard */ --light-mustard: #f7d560; color: #f7d560; background-color: #f7d560;

Source: xkcd color survey name (public domain, CC0). CSS keyword: lightmustard.

Collections: Gold Colors · Tropical Colors · Citrus Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#dcbd57 #c1a64d #a69044 #8d7a3b #746532 #5d502a #463d21 #302a19 #1c1810 #000000

Tints (toward white)

#f9d971 #fbdd81 #fde191 #ffe5a1 #ffe9b1 #ffeec0 #fff2d0 #fff6e0 #fffbef #ffffff

Tones (toward gray)

#f5d56d #f3d57a #f1d586 #eed692 #ebd69e #e8d6aa #e5d6b5 #e1d7c1 #dcd7cc #d7d7d7

Color harmonies

Complementary

Edit in generator →
#F7D560
#6082F7
#f7d560 #6082f7

Analogous

Edit in generator →
#F78A60
#F7D560
#CEF760
#f78a60 #f7d560 #cef760

Triadic

Edit in generator →
#F7D560
#60F7D5
#D560F7
#f7d560 #60f7d5 #d560f7

Tetradic

Edit in generator →
#F7D560
#60F78A
#6082F7
#F760CE
#f7d560 #60f78a #6082f7 #f760ce

Square

Edit in generator →
#F7D560
#60F78A
#6082F7
#F760CE
#f7d560 #60f78a #6082f7 #f760ce

Split Complementary

Edit in generator →
#F7D560
#60CEF7
#8A60F7
#f7d560 #60cef7 #8a60f7

Monochromatic

Edit in generator →
#D2A50B
#F4C626
#F7D560
#FAE49A
#FDF4D5
#d2a50b #f4c626 #f7d560 #fae49a #fdf4d5

Accessibility & contrast

1.43
#F7D560 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
14.64
#F7D560 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on light mustard

14.64
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#E9D253
Deuteranopia (green-blind)
#F2DC65
Tritanopia (blue-blind)
#FFC6BC

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Maize #F4D0541.43
Light Gold #FDDC5C2.00
Pale Gold #FDDE6C2.12
Sand Yellow #FCE1663.20
Yellow Tan #FFE36E3.34
Sandy #F1DA7A3.93

Colors that go with light mustard

Top matches by hue harmony, contrast and saturation compatibility.

Muddy Brown #886806
3.6:1
Same hue family as light mustard (Δh 1°) — guaranteed harmony
Rust #B7410E
3.9:1
Analogous hue (Δh ≈28°) — neighbors on the color wheel
Purply #983FB2
4.0:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Dark Indigo #1F0954
11.9:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Cornflower Blue #5170D7
3.1:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.