Mustard yellow to HSL — Color Code

#d2bd0a
Format Value
HEX #d2bd0a
RGB rgb(210, 189, 10)
HSL hsl(53.7, 90.9%, 43.1%)
CMYK cmyk(0%, 10%, 95.2%, 17.6%)
HSV hsv(53.7, 95.2%, 82.4%)

mustard yellow color harmonies

Tints & shades of mustard yellow

Tints (lighter)

#d6c320 #dac937 #decf4d #e2d563 #e6db79 #ebe190 #efe7a6 #f3edbc #f7f3d2 #fbf9e9

Shades (darker)

#bfac09 #ac9b08 #998907 #867806 #736705 #5f5605 #4c4504 #393403 #262202 #131101

Contrast & accessibility

The quick brown fox

On white · 1.9:1 · Fail

The quick brown fox

On black · 11.02:1 · AAA

Recommended text color: #000000

Use mustard yellow in code

CSS color: #d2bd0a;
SCSS $color: #d2bd0a;
Tailwind bg-[#d2bd0a]
Swift UIColor(red: 0.824, green: 0.741, blue: 0.039, alpha: 1)
Android Color.parseColor("#d2bd0a")
Flutter Color(0xFFD2BD0A)

Colors similar to mustard yellow

Browse all Yellow colors →

What is the HSL code for mustard yellow?

The CSS color mustard yellow in HSL format is hsl(53.7, 90.9%, 43.1%). Use this value directly in CSS, SVG, and most design tools.

How do I use mustard yellow in CSS?

To apply mustard yellow in CSS:

  • Text color: color: hsl(53.7, 90.9%, 43.1%);
  • Background: background-color: hsl(53.7, 90.9%, 43.1%);
  • Border: border-color: hsl(53.7, 90.9%, 43.1%);

What are all the color format values for mustard yellow?

FormatValue
HEX#d2bd0a
RGBrgb(210, 189, 10)
HSLhsl(53.7, 90.9%, 43.1%)
CMYKcmyk(0%, 10%, 95.2%, 17.6%)

How do I convert mustard yellow to HSL?

Select mustard yellow from the color name list in our color converter. The HSL value — hsl(53.7, 90.9%, 43.1%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does mustard yellow belong to?

mustard yellow belongs to the yellow color family. It is a medium, vivid color with HSL values: hue 53.7°, saturation 90.9%, lightness 43.1%.

How do I create lighter and darker shades of mustard yellow?

Lighter variant (lightness 58.1%): #f5e133. Darker variant (lightness 28.1%): #897b07. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.