Color con nombre más cercano · #5E2D24
#5E2D24
Color con nombre más cercano: Worcestershire Sauce
#5E2D24 (rgb(94 45 36), hsl(9 45% 25%), oklch(0.361 0.074 31.7)) se parece más al color con nombre Worcestershire Sauce. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5E2D24
oklch(0.361 0.074 31.7)
Conversiones de color
- HEX
- #5e2d24
- RGB
- rgb(94 45 36)
- HSL
- hsl(9 45% 25%)
- HWB
- hwb(9 14% 63%)
- OKLCH
- oklch(0.361 0.074 31.7)
- OKLab
- oklab(0.361 0.063 0.039)
- CIE Lab
- lab(25.19 22.14 16.52)
- LCH
- lch(25.19 27.62 36.7)
- CMYK
- cmyk(0% 52% 62% 63%)
Tintes · Sombras · Tonos
Tintes
- 6E4037
- 7E544B
- 8E6760
- 9E7C75
- AE918A
- BEA6A1
- CEBCB8
- DED2CF
- EFE8E7
Sombras
- 51261E
- 441F18
- 371812
- 2B110C
- 1F0B07
- 140604
- 0A0202
- 030100
- 000000
Tonos
- 62352D
- 663E36
- 6A463F
- 6E4E48
- 715651
- 745F5A
- 786763
- 7B6F6D
- 7D7876
Armonías de color
Complementario +180°
- 5E2D24
Worcestershire Sauce
- 004650
≈ Midnight Green
Análogo -30° +30°
- 5E2D24
Worcestershire Sauce
- 5C2B3A
≈ Windsor Wine
- 58330D
≈ Moelleux au Chocolat
Triádico +120° +240°
- 5E2D24
Worcestershire Sauce
- 1A4829
≈ Zucchini
- 303A64
≈ Blue Depths
Complementario dividido +150° +210°
- 5E2D24
Worcestershire Sauce
- 004840
≈ Tropical Forest
- 114160
≈ Neptune’s Wrath
Tetrádico +90° +180° +270°
- 5E2D24
Worcestershire Sauce
- 374311
≈ Hinterlands Green
- 004650
≈ Midnight Green
- 44335D
≈ Jakarta Skyline
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.18:1 · APCA Lc 96
Ag
FailSobre negro
WCAG 1.87:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--worcestershire-sauce: #5e2d24;
--worcestershire-sauce-rgb: 94 45 36;
--worcestershire-sauce-oklch: oklch(0.361 0.074 31.7);
}
.element {
color: var(--worcestershire-sauce);
background-color: hsl(9 45% 25%);
border-color: oklch(0.361 0.074 31.7);
}Tailwind CSS v4
@theme {
--color-worcestershire-sauce: #5e2d24;
--color-worcestershire-sauce-50: #ffeee8;
--color-worcestershire-sauce-100: #ffe0d8;
--color-worcestershire-sauce-200: #f2cac0;
--color-worcestershire-sauce-300: #daaa9f;
--color-worcestershire-sauce-400: #c68f83;
--color-worcestershire-sauce-500: #b27468;
--color-worcestershire-sauce-600: #966258;
--color-worcestershire-sauce-700: #784e46;
--color-worcestershire-sauce-800: #593933;
--color-worcestershire-sauce-900: #3e2723;
--color-worcestershire-sauce-950: #271512;
}SCSS
$worcestershire-sauce: #5e2d24;
$worcestershire-sauce-rgb: 94, 45, 36;
$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);
}