Nazwany kolor · #572B26
Worcestershire Sauce
Worcestershire Sauce to #572B26: rgb(87 43 38), hsl(6 39% 25%), oklch(0.346 0.066 27.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Worcestershire Sauce color name →
#572B26
oklch(0.346 0.066 27.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 673E39
- 78514C
- 886561
- 997A76
- AA8F8B
- BBA4A1
- CCBAB8
- DDD1CF
- EEE8E7
Odcienie ciemniejsze
- 4B2420
- 3E1D19
- 331613
- 27100D
- 1C0A08
- 120504
- 080202
- 030101
- 000000
Tony
- 5C332E
- 603C37
- 654440
- 694D49
- 6D5551
- 715D5B
- 756664
- 796F6D
- 7D7776
Harmonie kolorów
Komplementarna +180°
- 572B26
Worcestershire Sauce
- 00424A
≈ Warm Black
Analogowa -30° +30°
- 572B26
Worcestershire Sauce
- 542A3A
≈ Black Rose
- 533013
≈ Dark Catacombs
Triada +120° +240°
- 572B26
Worcestershire Sauce
- 1F4325
≈ Myrtle
- 2B385C
≈ Mediaeval Blue
Komplementarna rozszczepiona +150° +210°
- 572B26
Worcestershire Sauce
- 004439
≈ UP Forest Green
- 103E58
≈ Duskwood
Tetrada +90° +180° +270°
- 572B26
Worcestershire Sauce
- 373E11
≈ Dark Olive
- 00424A
≈ Warm Black
- 3E3257
≈ Naggaroth Night
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.80:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.77:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
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);
}