Named color · #A88905
Strong Mustard
Strong Mustard is #A88905: rgb(168 137 5), hsl(49 94% 34%), oklch(0.64 0.13 92.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Strong Mustard color name →
#A88905
oklch(0.64 0.13 92.6)
Color conversions
- HEX
- #a88905
- RGB
- rgb(168 137 5)
- HSL
- hsl(49 94% 34%)
- HWB
- hwb(49 2% 34%)
- OKLCH
- oklch(0.64 0.13 92.6)
- OKLab
- oklab(0.64 -0.006 0.13)
- CIE Lab
- lab(58.65 4.24 61.86)
- LCH
- lch(58.65 62 86.1)
- CMYK
- cmyk(0% 18% 97% 34%)
Tints · Shades · Tones
Tints
- B09535
- B9A051
- C1AC68
- CAB87F
- D3C494
- DBD0AA
- E4DBBF
- EDE7D4
- F6F3EA
Shades
- 927604
- 7C6403
- 675302
- 524201
- 3F3101
- 2C2200
- 1A1400
- 0A0700
- 010100
Tones
- A48826
- A08837
- 9C8744
- 98864E
- 948658
- 908561
- 8C8469
- 888271
- 848179
Color harmonies
Complementary +180°
- A88905
Strong Mustard
- 7285DB
≈ Tanzine
Analogous -30° +30°
- A88905
Strong Mustard
- C37828
≈ Maine Coon Orange
- 7E9834
≈ Aloe Vera Green
Triadic +120° +240°
- A88905
Strong Mustard
- 009DB4
≈ Caneel Bay
- BA6CAE
≈ Pearly Purple
Split-complementary +150° +210°
- A88905
Strong Mustard
- 3594D4
≈ Boyzone
- 9C77CD
≈ Lilac Bush
Tetradic +90° +180° +270°
- A88905
Strong Mustard
- 00A292
≈ Turquish
- 7285DB
≈ Tanzine
- CC6785
≈ Old Geranium
Contrast & accessibility
Ag
FailOn white
WCAG 3.36:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.24:1 · APCA Lc 41
Best text color: #000000
WCAG 6.24:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--strong-mustard: #a88905;
--strong-mustard-rgb: 168 137 5;
--strong-mustard-oklch: oklch(0.64 0.13 92.6);
}
.element {
color: var(--strong-mustard);
background-color: hsl(49 94% 34%);
border-color: oklch(0.64 0.13 92.6);
}Tailwind CSS v4
@theme {
--color-strong-mustard: #a88905;
--color-strong-mustard-50: #fff5cc;
--color-strong-mustard-100: #f5e8b7;
--color-strong-mustard-200: #e6d494;
--color-strong-mustard-300: #cdb766;
--color-strong-mustard-400: #b99c35;
--color-strong-mustard-500: #a48200;
--color-strong-mustard-600: #8b6e00;
--color-strong-mustard-700: #6f5800;
--color-strong-mustard-800: #534000;
--color-strong-mustard-900: #3a2c00;
--color-strong-mustard-950: #241900;
}SCSS
$strong-mustard: #a88905;
$strong-mustard-rgb: 168, 137, 5;
$strong-mustard-light: mix(#fff, $strong-mustard, 20%);
$strong-mustard-dark: mix(#000, $strong-mustard, 20%);
.element {
color: $strong-mustard;
box-shadow: 0 0 0 2px rgba($strong-mustard, 0.35);
}