Benannte Farbe · #B68238
Colonel Mustard
Colonel Mustard ist #B68238: rgb(182 130 56), hsl(35 53% 47%), oklch(0.645 0.11 73). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Colonel Mustard color name →
#B68238
oklch(0.645 0.11 73)
Farbumrechnungen
- HEX
- #b68238
- RGB
- rgb(182 130 56)
- HSL
- hsl(35 53% 47%)
- HWB
- hwb(35 22% 29%)
- OKLCH
- oklch(0.645 0.11 73)
- OKLab
- oklab(0.645 0.032 0.105)
- CIE Lab
- lab(58.65 15.38 46.92)
- LCH
- lch(58.65 49.37 71.9)
- CMYK
- cmyk(0% 29% 69% 29%)
Tints · Shades · Tones
Tints
- BE8E4F
- C59B63
- CDA777
- D4B38B
- DBC09E
- E2CCB1
- EAD9C5
- F1E6D8
- F8F2EB
Shades
- 9E702F
- 865F27
- 6F4E1F
- 593E17
- 442F0F
- 302008
- 1D1204
- 0C0601
- 020100
Tones
- B18242
- AB824B
- A68253
- A1825B
- 9C8262
- 968268
- 91816F
- 8B8175
- 86817A
Farbharmonien
Komplementär +180°
- B68238
Colonel Mustard
- 5B91CF
≈ Delphinium Corsage
Analog -30° +30°
- B68238
Colonel Mustard
- C57655
≈ Spanish Peanut
- 9A9037
≈ Banana Leaf
Triadisch +120° +240°
- B68238
Colonel Mustard
- 01A2A0
≈ Aqua Velvet
- A579BD
≈ Wisteria
Geteilt komplementär +150° +210°
- B68238
Colonel Mustard
- 269CBE
≈ Blue Horizon
- 8484CF
≈ Twilight Twinkle
Tetradisch +90° +180° +270°
- B68238
Colonel Mustard
- 41A27A
≈ Funk
- 5B91CF
≈ Delphinium Corsage
- BC719F
≈ Crocus
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.36:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.23:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--colonel-mustard: #b68238;
--colonel-mustard-rgb: 182 130 56;
--colonel-mustard-oklch: oklch(0.645 0.11 73);
}
.element {
color: var(--colonel-mustard);
background-color: hsl(35 53% 47%);
border-color: oklch(0.645 0.11 73);
}Tailwind CSS v4
@theme {
--color-colonel-mustard: #b68238;
--color-colonel-mustard-50: #fff1d3;
--color-colonel-mustard-100: #fee3c0;
--color-colonel-mustard-200: #f0cea0;
--color-colonel-mustard-300: #d9b076;
--color-colonel-mustard-400: #c69450;
--color-colonel-mustard-500: #b2791f;
--color-colonel-mustard-600: #96671e;
--color-colonel-mustard-700: #795218;
--color-colonel-mustard-800: #5a3b0f;
--color-colonel-mustard-900: #3f290a;
--color-colonel-mustard-950: #281600;
}SCSS
$colonel-mustard: #b68238;
$colonel-mustard-rgb: 182, 130, 56;
$colonel-mustard-light: mix(#fff, $colonel-mustard, 20%);
$colonel-mustard-dark: mix(#000, $colonel-mustard, 20%);
.element {
color: $colonel-mustard;
box-shadow: 0 0 0 2px rgba($colonel-mustard, 0.35);
}