Skip to main content

Spicy Mustard

#7C661D

Spicy Mustard is a warm dark color with the hex code #7C661D. This vibrant hue can be represented as RGB 124, 102, 29 in digital design or CMYK 0%, 18%, 77%, 51% for print applications. Find matching Pantone color.

Spicy Mustard color values

HEX
#7C661D
RGB
124, 102, 29
HSL
46°, 62%, 30%
CMYK
0, 18, 77, 51

Shades & tints

Darker Lighter

About this color

Spicy Mustard sits at 46° on the color wheel with 62% saturation and 30% lightness, placing it in the orange-yellow segment of the spectrum. At 62% saturation, the hue is fully legible and confident — richly chromatic without tipping into high-contrast territory. The lower lightness gives it weight and depth, lending gravity to any palette it enters.

In digital environments, Spicy Mustard is rendered as rgb(124, 102, 29), where the red channel dominates at 124, though the other channels keep the hue balanced. High saturation combined with low lightness creates deep, jewel-toned results — useful for premium UI elements, hover states, and focused interaction areas.

For print, Spicy Mustard translates to a CMYK breakdown of 0C 18M 77Y 51K. A substantial black component (51%) anchors this color in print. The remaining ink channels supplement rather than drive the hue, which keeps the result stable across different paper stocks. No brands in the brandkit.pro library currently specify this exact hex as a named brand color.

Color harmonies

Complementary

Split-Complementary

How to use Spicy Mustard

CSS Variable 

:root {
  --brand-primary: #7C661D;
  --brand-primary-rgb: 124, 102, 29;
}

Define as a CSS custom property for consistent theming across your site.

Tailwind Config 

colors: {
  brand: '#7C661D',
}

Add to your Tailwind config to use classes like bg-brand.

Print Design (CMYK) 

C: 0%
M: 18%
Y: 77%
K: 51%

Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.

RGB for Screens 

rgb(124, 102, 29)
rgba(124, 102, 29, 0.8)

Use RGB notation for compatibility or add alpha channel for transparency.

Brands using similar hue

24 brand s with colors near 46° on the color wheel

Elastic logo
Elastic
Google logo
Google
Lamborghini logo
Lamborghini
Rivian logo
Rivian

Frequently asked questions

What color is #7C661D?
#7C661D is Spicy Mustard, a warm dark color with RGB values of 124, 102, 29. It has a hue of 46°, 62% saturation, and 30% lightness in the HSL color space.
What is the RGB value of #7C661D?
The RGB color code for #7C661D is rgb(124, 102, 29). This means it contains 124 red, 102 green, and 29 blue in the RGB color model.
Is Spicy Mustard a warm or cool color?
Spicy Mustard (#7C661D) is a warm color with a hue between 0-60° or 300-360° on the color wheel.
How do I use #7C661D in CSS?
You can use #7C661D in CSS with: background-color: #7C661D; or color: #7C661D; or as an RGB value: rgb(124, 102, 29). For print design, use CMYK: 0%, 18%, 77%, 51%.

Color tools