Benannte Farbe · #CEB301
Mustard
Mustard ist #CEB301: rgb(206 179 1), hsl(52 99% 41%), oklch(0.767 0.158 98.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Mustard color name →
#CEB301
oklch(0.767 0.158 98.2)
Farbumrechnungen
- HEX
- #ceb301
- RGB
- rgb(206 179 1)
- HSL
- hsl(52 99% 41%)
- HWB
- hwb(52 0% 19%)
- OKLCH
- oklch(0.767 0.158 98.2)
- OKLab
- oklab(0.767 -0.023 0.157)
- CIE Lab
- lab(73.58 -0.36 74.56)
- LCH
- lch(73.58 74.56 90.3)
- CMYK
- cmyk(0% 13% 100% 19%)
Tints · Shades · Tones
Tints
- D3BB3D
- D7C35A
- DCCB73
- E1D288
- E6DA9D
- EBE1B1
- F0E9C5
- F5F0D9
- FAF8EC
Shades
- B39B01
- 988401
- 7F6E00
- 665800
- 4E4300
- 382F00
- 231D00
- 0F0C00
- 020100
Tones
- C6AE2C
- BEA93E
- B6A44C
- AE9F57
- A69A60
- 9E9568
- 96906F
- 8F8B75
- 87857B
Farbharmonien
Komplementär +180°
- CEB301
Mustard
- A2ABFF
≈ Shy Moment
Analog -30° +30°
- CEB301
Mustard
- F49D25
≈ Yellow Sea
- 95C64D
≈ Lone Hunter
Triadisch +120° +240°
- CEB301
Mustard
- 00C7EE
≈ Picnic Day Sky
- F389D6
≈ Blushed Bombshell
Geteilt komplementär +150° +210°
- CEB301
Mustard
- 6FB9FF
≈ Green Darner Tail
- CF96FF
≈ Lilás
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.07:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--mustard: #ceb301;
--mustard-rgb: 206 179 1;
--mustard-oklch: oklch(0.767 0.158 98.2);
}
.element {
color: var(--mustard);
background-color: hsl(52 99% 41%);
border-color: oklch(0.767 0.158 98.2);
}Tailwind CSS v4
@theme {
--color-mustard: #ceb301;
--color-mustard-50: #fff7c3;
--color-mustard-100: #f4eaad;
--color-mustard-200: #e3d685;
--color-mustard-300: #cab950;
--color-mustard-400: #b79e00;
--color-mustard-500: #a28400;
--color-mustard-600: #897000;
--color-mustard-700: #6e5a00;
--color-mustard-800: #534100;
--color-mustard-900: #3a2d00;
--color-mustard-950: #241900;
}SCSS
$mustard: #ceb301;
$mustard-rgb: 206, 179, 1;
$mustard-light: mix(#fff, $mustard, 20%);
$mustard-dark: mix(#000, $mustard, 20%);
.element {
color: $mustard;
box-shadow: 0 0 0 2px rgba($mustard, 0.35);
}