Benannte Farbe · #572B26
Worcestershire Sauce
Worcestershire Sauce ist #572B26: rgb(87 43 38), hsl(6 39% 25%), oklch(0.346 0.066 27.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Worcestershire Sauce color name →
#572B26
oklch(0.346 0.066 27.7)
Farbumrechnungen
- HEX
- #572b26
- RGB
- rgb(87 43 38)
- HSL
- hsl(6 39% 25%)
- HWB
- hwb(6 15% 66%)
- OKLCH
- oklch(0.346 0.066 27.7)
- OKLab
- oklab(0.346 0.058 0.031)
- CIE Lab
- lab(23.57 20.3 12.85)
- LCH
- lch(23.57 24.02 32.3)
- CMYK
- cmyk(0% 51% 56% 66%)
Tints · Shades · Tones
Tints
- 673E39
- 78514C
- 886561
- 997A76
- AA8F8B
- BBA4A1
- CCBAB8
- DDD1CF
- EEE8E7
Shades
- 4B2420
- 3E1D19
- 331613
- 27100D
- 1C0A08
- 120504
- 080202
- 030101
- 000000
Tones
- 5C332E
- 603C37
- 654440
- 694D49
- 6D5551
- 715D5B
- 756664
- 796F6D
- 7D7776
Farbharmonien
Komplementär +180°
- 572B26
Worcestershire Sauce
- 00424A
≈ Warm Black
Analog -30° +30°
- 572B26
Worcestershire Sauce
- 542A3A
≈ Black Rose
- 533013
≈ Dark Catacombs
Triadisch +120° +240°
- 572B26
Worcestershire Sauce
- 1F4325
≈ Myrtle
- 2B385C
≈ Mediaeval Blue
Geteilt komplementär +150° +210°
- 572B26
Worcestershire Sauce
- 004439
≈ UP Forest Green
- 103E58
≈ Duskwood
Tetradisch +90° +180° +270°
- 572B26
Worcestershire Sauce
- 373E11
≈ Dark Olive
- 00424A
≈ Warm Black
- 3E3257
≈ Naggaroth Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.80:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.77:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--worcestershire-sauce: #572b26;
--worcestershire-sauce-rgb: 87 43 38;
--worcestershire-sauce-oklch: oklch(0.346 0.066 27.7);
}
.element {
color: var(--worcestershire-sauce);
background-color: hsl(6 39% 25%);
border-color: oklch(0.346 0.066 27.7);
}Tailwind CSS v4
@theme {
--color-worcestershire-sauce: #572b26;
--color-worcestershire-sauce-50: #ffefea;
--color-worcestershire-sauce-100: #fde0db;
--color-worcestershire-sauce-200: #efcac4;
--color-worcestershire-sauce-300: #d7aba4;
--color-worcestershire-sauce-400: #c39089;
--color-worcestershire-sauce-500: #ae756e;
--color-worcestershire-sauce-600: #93645d;
--color-worcestershire-sauce-700: #76504a;
--color-worcestershire-sauce-800: #573a36;
--color-worcestershire-sauce-900: #3d2725;
--color-worcestershire-sauce-950: #261514;
}SCSS
$worcestershire-sauce: #572b26;
$worcestershire-sauce-rgb: 87, 43, 38;
$worcestershire-sauce-light: mix(#fff, $worcestershire-sauce, 20%);
$worcestershire-sauce-dark: mix(#000, $worcestershire-sauce, 20%);
.element {
color: $worcestershire-sauce;
box-shadow: 0 0 0 2px rgba($worcestershire-sauce, 0.35);
}