Named color · #E2CA73
Dijon Mustard
Dijon Mustard is #E2CA73: rgb(226 202 115), hsl(47 66% 67%), oklch(0.841 0.111 94.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Dijon Mustard color name →
#E2CA73
oklch(0.841 0.111 94.4)
Color conversions
- HEX
- #e2ca73
- RGB
- rgb(226 202 115)
- HSL
- hsl(47 66% 67%)
- HWB
- hwb(47 45% 11%)
- OKLCH
- oklch(0.841 0.111 94.4)
- OKLab
- oklab(0.841 -0.008 0.11)
- CIE Lab
- lab(82 0.52 46.31)
- LCH
- lch(82 46.31 89.4)
- CMYK
- cmyk(0% 11% 49% 11%)
Tints · Shades · Tones
Tints
- E5CF83
- E8D591
- EBDAA0
- EDE0AE
- F0E5BC
- F3EAC9
- F6EFD7
- F9F5E4
- FCFAF2
Shades
- C4AF63
- A89554
- 8C7C45
- 716436
- 574D28
- 3E371B
- 27220F
- 120F05
- 030201
Tones
- D8C276
- CEBB78
- C4B47A
- BAAC7C
- B0A57D
- A69D7E
- 9C967F
- 938F80
- 898780
Color harmonies
Complementary +180°
- E2CA73
Dijon Mustard
- BBC8FF
≈ Light Periwinkle
Analogous -30° +30°
- E2CA73
Dijon Mustard
- FDBB7C
≈ Buff Orange
- BBD886
≈ Pastel Lime
Triadic +120° +240°
- E2CA73
Dijon Mustard
- 69DDF7
≈ Athena Blue
- F8AFE8
≈ Hanami Pink
Split-complementary +150° +210°
- E2CA73
Dijon Mustard
- 9BD1FF
≈ Long Island Sound
- D9BBFF
≈ Lavender Fragrance
Tetradic +90° +180° +270°
- E2CA73
Dijon Mustard
- 6AE2D3
≈ Turquoise Chalk
- BBC8FF
≈ Light Periwinkle
- FFB2C3
≈ Soft Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.92:1 · APCA Lc 75
Best text color: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--dijon-mustard: #e2ca73;
--dijon-mustard-rgb: 226 202 115;
--dijon-mustard-oklch: oklch(0.841 0.111 94.4);
}
.element {
color: var(--dijon-mustard);
background-color: hsl(47 66% 67%);
border-color: oklch(0.841 0.111 94.4);
}Tailwind CSS v4
@theme {
--color-dijon-mustard: #e2ca73;
--color-dijon-mustard-50: #fef6d2;
--color-dijon-mustard-100: #f2e9bf;
--color-dijon-mustard-200: #e2d59f;
--color-dijon-mustard-300: #c8b875;
--color-dijon-mustard-400: #b39d4c;
--color-dijon-mustard-500: #9e8414;
--color-dijon-mustard-600: #857016;
--color-dijon-mustard-700: #6b5a12;
--color-dijon-mustard-800: #50410a;
--color-dijon-mustard-900: #382d06;
--color-dijon-mustard-950: #221a00;
}SCSS
$dijon-mustard: #e2ca73;
$dijon-mustard-rgb: 226, 202, 115;
$dijon-mustard-light: mix(#fff, $dijon-mustard, 20%);
$dijon-mustard-dark: mix(#000, $dijon-mustard, 20%);
.element {
color: $dijon-mustard;
box-shadow: 0 0 0 2px rgba($dijon-mustard, 0.35);
}