Color con nombre más cercano · #53372A
#53372A
Color con nombre más cercano: Espresso Bar
#53372A (rgb(83 55 42), hsl(19 33% 25%), oklch(0.366 0.046 45.8)) se parece más al color con nombre Espresso Bar. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#53372A
oklch(0.366 0.046 45.8)
Conversiones de color
- HEX
- #53372a
- RGB
- rgb(83 55 42)
- HSL
- hsl(19 33% 25%)
- HWB
- hwb(19 16% 67%)
- OKLCH
- oklch(0.366 0.046 45.8)
- OKLab
- oklab(0.366 0.032 0.033)
- CIE Lab
- lab(26.17 11.57 13.46)
- LCH
- lch(26.17 17.75 49.3)
- CMYK
- cmyk(0% 34% 49% 67%)
Tintes · Sombras · Tonos
Tintes
- 63493D
- 735B50
- 846E64
- 958178
- A6958E
- B7AAA3
- C9BEBA
- DBD3D0
- EDE9E7
Sombras
- 472E23
- 3B261C
- 301E16
- 251610
- 1B0F0A
- 110805
- 080302
- 020101
- 000000
Tonos
- 583E32
- 5C453A
- 614C43
- 65534B
- 6A5B54
- 6E625C
- 736965
- 77716E
- 7C7877
Armonías de color
Complementario +180°
- 53372A
Espresso Bar
- 224451
≈ Moscow Midnight
Análogo -30° +30°
- 53372A
Espresso Bar
- 543536
≈ Mid Century
- 4D3B22
≈ Witch’s Cottage
Triádico +120° +240°
- 53372A
Espresso Bar
- 254639
≈ Wine Bottle Green
- 3C3B56
≈ Magic Night
Complementario dividido +150° +210°
- 53372A
Espresso Bar
- 1D4646
≈ Prestige Green
- 2E4057
≈ Blue Tone Ink
Tetrádico +90° +180° +270°
- 53372A
Espresso Bar
- 34442C
≈ Deep Seaweed
- 224451
≈ Moscow Midnight
- 48374F
≈ Oregon Grape
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.78:1 · APCA Lc 95
Ag
FailSobre negro
WCAG 1.94:1 · APCA Lc 8
Mejor color de texto: #FFFFFF
WCAG 10.78:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--espresso-bar: #53372a;
--espresso-bar-rgb: 83 55 42;
--espresso-bar-oklch: oklch(0.366 0.046 45.8);
}
.element {
color: var(--espresso-bar);
background-color: hsl(19 33% 25%);
border-color: oklch(0.366 0.046 45.8);
}Tailwind CSS v4
@theme {
--color-espresso-bar: #53372a;
--color-espresso-bar-50: #fff2ea;
--color-espresso-bar-100: #f6e4db;
--color-espresso-bar-200: #e6cfc4;
--color-espresso-bar-300: #ccb1a4;
--color-espresso-bar-400: #b69788;
--color-espresso-bar-500: #a17d6d;
--color-espresso-bar-600: #886a5c;
--color-espresso-bar-700: #6d554a;
--color-espresso-bar-800: #503d36;
--color-espresso-bar-900: #382a25;
--color-espresso-bar-950: #221813;
}SCSS
$espresso-bar: #53372a;
$espresso-bar-rgb: 83, 55, 42;
$espresso-bar-light: mix(#fff, $espresso-bar, 20%);
$espresso-bar-dark: mix(#000, $espresso-bar, 20%);
.element {
color: $espresso-bar;
box-shadow: 0 0 0 2px rgba($espresso-bar, 0.35);
}