Benannte Farbe · #735C12
Hot Mustard
Hot Mustard ist #735C12: rgb(115 92 18), hsl(46 73% 26%), oklch(0.485 0.092 90.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Hot Mustard color name →
#735C12
oklch(0.485 0.092 90.1)
Farbumrechnungen
- HEX
- #735c12
- RGB
- rgb(115 92 18)
- HSL
- hsl(46 73% 26%)
- HWB
- hwb(46 7% 55%)
- OKLCH
- oklch(0.485 0.092 90.1)
- OKLab
- oklab(0.485 0 0.092)
- CIE Lab
- lab(40.45 4.11 42.39)
- LCH
- lch(40.45 42.59 84.5)
- CMYK
- cmyk(0% 20% 84% 55%)
Tints · Shades · Tones
Tints
- 806B30
- 8D7B48
- 9B8B5E
- A99B75
- B7AB8B
- C5BBA2
- D3CCB8
- E2DDD0
- F0EEE7
Shades
- 634F0E
- 54420A
- 453607
- 362A04
- 281F02
- 1B1401
- 0F0A01
- 050300
- 010000
Tones
- 746023
- 766430
- 77673C
- 786B46
- 7A6F51
- 7B725A
- 7C7664
- 7D796D
- 7F7D77
Farbharmonien
Komplementär +180°
- 735C12
Hot Mustard
- 4B5B93
≈ Blue Dude
Analog -30° +30°
- 735C12
Hot Mustard
- 845122
≈ Lamb Chop
- 586624
≈ Bimi Green
Triadisch +120° +240°
- 735C12
Hot Mustard
- 006B79
≈ Mary Blue
- 7C4B77
≈ Magic Magenta
Geteilt komplementär +150° +210°
- 735C12
Hot Mustard
- 24658D
≈ Traditional Blue
- 67528B
≈ Zimidar
Tetradisch +90° +180° +270°
- 735C12
Hot Mustard
- 006F61
≈ Falcon Turquoise
- 4B5B93
≈ Blue Dude
- 88475D
≈ Redcurrant
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.42:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.26:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--hot-mustard: #735c12;
--hot-mustard-rgb: 115 92 18;
--hot-mustard-oklch: oklch(0.485 0.092 90.1);
}
.element {
color: var(--hot-mustard);
background-color: hsl(46 73% 26%);
border-color: oklch(0.485 0.092 90.1);
}Tailwind CSS v4
@theme {
--color-hot-mustard: #735c12;
--color-hot-mustard-50: #fef5d8;
--color-hot-mustard-100: #f3e8c6;
--color-hot-mustard-200: #e2d4a8;
--color-hot-mustard-300: #c8b781;
--color-hot-mustard-400: #b39c5d;
--color-hot-mustard-500: #9e8336;
--color-hot-mustard-600: #856f2f;
--color-hot-mustard-700: #6b5925;
--color-hot-mustard-800: #504019;
--color-hot-mustard-900: #372c10;
--color-hot-mustard-950: #221903;
}SCSS
$hot-mustard: #735c12;
$hot-mustard-rgb: 115, 92, 18;
$hot-mustard-light: mix(#fff, $hot-mustard, 20%);
$hot-mustard-dark: mix(#000, $hot-mustard, 20%);
.element {
color: $hot-mustard;
box-shadow: 0 0 0 2px rgba($hot-mustard, 0.35);
}