Colore con nome più vicino · #53372A
#53372A
Colore con nome più vicino: Espresso Bar
#53372A (rgb(83 55 42), hsl(19 33% 25%), oklch(0.366 0.046 45.8)) è più vicino al colore con nome Espresso Bar. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#53372A
oklch(0.366 0.046 45.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 63493D
- 735B50
- 846E64
- 958178
- A6958E
- B7AAA3
- C9BEBA
- DBD3D0
- EDE9E7
Ombre
- 472E23
- 3B261C
- 301E16
- 251610
- 1B0F0A
- 110805
- 080302
- 020101
- 000000
Toni
- 583E32
- 5C453A
- 614C43
- 65534B
- 6A5B54
- 6E625C
- 736965
- 77716E
- 7C7877
Armonie di colore
Complementare +180°
- 53372A
Espresso Bar
- 224451
≈ Moscow Midnight
Analogo -30° +30°
- 53372A
Espresso Bar
- 543536
≈ Mid Century
- 4D3B22
≈ Witch’s Cottage
Triadico +120° +240°
- 53372A
Espresso Bar
- 254639
≈ Wine Bottle Green
- 3C3B56
≈ Magic Night
Complementare divisa +150° +210°
- 53372A
Espresso Bar
- 1D4646
≈ Prestige Green
- 2E4057
≈ Blue Tone Ink
Tetradico +90° +180° +270°
- 53372A
Espresso Bar
- 34442C
≈ Deep Seaweed
- 224451
≈ Moscow Midnight
- 48374F
≈ Oregon Grape
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.78:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.94:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.78:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
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);
}