Named color · #CD7A00
German Mustard
German Mustard is #CD7A00: rgb(205 122 0), hsl(36 100% 40%), oklch(0.655 0.147 64.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · German Mustard color name →
#CD7A00
oklch(0.655 0.147 64.6)
Color conversions
- HEX
- #cd7a00
- RGB
- rgb(205 122 0)
- HSL
- hsl(36 100% 40%)
- HWB
- hwb(36 0% 20%)
- OKLCH
- oklch(0.655 0.147 64.6)
- OKLab
- oklab(0.655 0.063 0.133)
- CIE Lab
- lab(59.47 28.35 65.83)
- LCH
- lch(59.47 71.68 66.7)
- CMYK
- cmyk(0% 40% 100% 20%)
Tints · Shades · Tones
Tints
- D38834
- D99550
- DEA368
- E4B07F
- E9BD94
- EECAAA
- F2D7BF
- F7E5D4
- FBF2EA
Shades
- B26900
- 985900
- 7E4900
- 663A00
- 4E2B00
- 381D00
- 231000
- 0F0500
- 020100
Tones
- C67B25
- BE7D36
- B77E43
- AF7E4E
- A87F58
- A08061
- 98806A
- 908071
- 888079
Color harmonies
Complementary +180°
- CD7A00
German Mustard
- 2A98E4
≈ Homeworld
Analogous -30° +30°
- CD7A00
German Mustard
- DB6B50
≈ Jelly Slug
- AB8E00
≈ Bark Sawdust
Triadic +120° +240°
- CD7A00
German Mustard
- 00A799
≈ Tropical Sea
- A577D9
≈ Rich Lavender
Split-complementary +150° +210°
- CD7A00
German Mustard
- 00A2BC
≈ January Blue
- 7787EA
≈ Soft Blue
Tetradic +90° +180° +270°
- CD7A00
German Mustard
- 2DAA67
≈ Secret Garden
- 2A98E4
≈ Homeworld
- C66BB5
≈ Gulābī Pink
Contrast & accessibility
Ag
FailOn white
WCAG 3.29:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.37:1 · APCA Lc 42
Best text color: #000000
WCAG 6.37:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--german-mustard: #cd7a00;
--german-mustard-rgb: 205 122 0;
--german-mustard-oklch: oklch(0.655 0.147 64.6);
}
.element {
color: var(--german-mustard);
background-color: hsl(36 100% 40%);
border-color: oklch(0.655 0.147 64.6);
}Tailwind CSS v4
@theme {
--color-german-mustard: #cd7a00;
--color-german-mustard-50: #ffeec9;
--color-german-mustard-100: #ffdfb4;
--color-german-mustard-200: #ffc890;
--color-german-mustard-300: #eaa860;
--color-german-mustard-400: #d98a2e;
--color-german-mustard-500: #c76c00;
--color-german-mustard-600: #a85c00;
--color-german-mustard-700: #874900;
--color-german-mustard-800: #653400;
--color-german-mustard-900: #472400;
--color-german-mustard-950: #2e1200;
}SCSS
$german-mustard: #cd7a00;
$german-mustard-rgb: 205, 122, 0;
$german-mustard-light: mix(#fff, $german-mustard, 20%);
$german-mustard-dark: mix(#000, $german-mustard, 20%);
.element {
color: $german-mustard;
box-shadow: 0 0 0 2px rgba($german-mustard, 0.35);
}