yellowwarm

Mustard #DBB42C

A dark golden yellow, like mustard; a favorite of retro and vintage palettes.

Use cases: Retro palettes · Fashion

Open in generator →Colors that go with Mustard →

Families: Yellows · Golds · Mustard Colors

Color values

FormatValue
HEX#DBB42C
RGBrgb(219, 180, 44)
HSLhsl(47, 71%, 52%)
HSVhsv(47, 80%, 86%)
OKLCHoklch(78.29% 0.149 91.6)
OKLaboklab(78.29% -0.0041 0.1485)
CMYKcmyk(0%, 17.8%, 79.9%, 14.1%)
XYZxyz(45.992, 47.8874, 9.2031)
CIE-LABlab(74.8, 1.4, 68.7)
CIE-LCHlch(74.8, 68.7, 88.9°)
Luminance0.479 (WCAG relative)
/* Mustard */ --mustard: #dbb42c; color: #dbb42c; background-color: #dbb42c;

Source: Tintiva editorial record

Collections: Gold Colors · Earth Tone Colors · Tropical Colors · Retro 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)

#c3a02a #ab8d27 #957a24 #7e6821 #69561e #54451a #3f3516 #2c2512 #1b160b #000000

Tints (toward white)

#e1bb46 #e6c25c #ebca71 #efd186 #f3d89a #f7e0ae #fae8c2 #fcefd6 #fef7ea #ffffff

Tones (toward gray)

#d9b43f #d7b54f #d5b55e #d2b56b #cfb679 #cbb686 #c7b692 #c3b79f #beb7ab #b8b8b8

Color harmonies

Complementary

Edit in generator →
#DBB42C
#2C53DB
#dbb42c #2c53db

Analogous

Edit in generator →
#DB5D2C
#DBB42C
#AADB2C
#db5d2c #dbb42c #aadb2c

Triadic

Edit in generator →
#DBB42C
#2CDBB4
#B42CDB
#dbb42c #2cdbb4 #b42cdb

Tetradic

Edit in generator →
#DBB42C
#2CDB5D
#2C53DB
#DB2CAA
#dbb42c #2cdb5d #2c53db #db2caa

Square

Edit in generator →
#DBB42C
#2CDB5D
#2C53DB
#DB2CAA
#dbb42c #2cdb5d #2c53db #db2caa

Split Complementary

Edit in generator →
#DBB42C
#2CAADB
#5D2CDB
#dbb42c #2caadb #5d2cdb

Monochromatic

Edit in generator →
#786214
#AC8D1D
#DBB42C
#E4C760
#EDD995
#786214 #ac8d1d #dbb42c #e4c760 #edd995

Accessibility & contrast

1.99
#DBB42C on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.58
#DBB42C on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on Mustard

10.58
#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)
#C9B206
Deuteranopia (green-blind)
#D2BD35
Tritanopia (blue-blind)
#EDA49B

Closest named colors

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

ColorNameΔE₀₀
Burnt Yellow #D5AB092.63
Dark Yellow #D5B60A3.04
Goldenrod #DAA5205.31
Golden #F5BF035.37
Mustard Yellow #D2BD0A5.72
Golden Rod #F9BC086.29

Combinations with Mustard

Palettes with Mustard

Colors that go with Mustard

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Burnt Umber #A0450E
3.1:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
Maroon #800000
5.5:1
Warm/cool bridge (Δh 47°) — adds depth without tension
Indigo #4B0082
6.5:1
Triadic harmony (Δh ≈132°) — balanced three-way contrast
Bluey Purple #6241C7
3.4:1
Split-complementary angle (Δh ≈152°) — strong but softer than direct complement
Navy Blue #1B2A4A
7.2:1
Complementary hue (Δh ≈174°) — 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.

Mustard Color — #DBB42C — Tintiva