Colore con nome più vicino · #963F00
#963F00
Colore con nome più vicino: Espresso Martini
#963F00 (rgb(150 63 0), hsl(25 100% 29%), oklch(0.477 0.132 46.9)) è più vicino al colore con nome Espresso Martini. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#963F00
oklch(0.477 0.132 46.9)
Conversioni di colore
- HEX
- #963f00
- RGB
- rgb(150 63 0)
- HSL
- hsl(25 100% 29%)
- HWB
- hwb(25 0% 41%)
- OKLCH
- oklch(0.477 0.132 46.9)
- OKLab
- oklab(0.477 0.09 0.097)
- CIE Lab
- lab(38.46 35.43 49.43)
- LCH
- lch(38.46 60.81 54.4)
- CMYK
- cmyk(0% 58% 100% 41%)
Tinte · Ombre · Toni
Tinte
- A25327
- AD6641
- B97859
- C48B70
- CE9E87
- D9B19E
- E3C4B6
- ECD8CE
- F6EBE6
Ombre
- 823500
- 6E2C00
- 5B2300
- 491B00
- 371200
- 260A00
- 160400
- 080100
- 010000
Toni
- 95471A
- 944E29
- 925536
- 915C42
- 8F624D
- 8C6957
- 8A6F62
- 87756C
- 847A76
Armonie di colore
Complementare +180°
- 963F00
Espresso Martini
- 006785
≈ Ansel
Analogo -30° +30°
- 963F00
Espresso Martini
- 993641
≈ Shin Godzilla
- 7C5400
≈ Intense Brown
Triadico +120° +240°
- 963F00
Espresso Martini
- 006E51
≈ Natural Watercourse
- 5A4DA2
≈ Coronation Blue
Complementare divisa +150° +210°
- 963F00
Espresso Martini
- 006B6D
≈ Mayan Blue
- 255CA6
≈ Miracle at Wrigley
Tetradico +90° +180° +270°
- 963F00
Espresso Martini
- 346D14
≈ Tatzelwurm Green
- 006785
≈ Ansel
- 7A418D
≈ Nightly Violet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.98:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.00:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--espresso-martini: #963f00;
--espresso-martini-rgb: 150 63 0;
--espresso-martini-oklch: oklch(0.477 0.132 46.9);
}
.element {
color: var(--espresso-martini);
background-color: hsl(25 100% 29%);
border-color: oklch(0.477 0.132 46.9);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #963f00;
--color-espresso-martini-50: #ffebd5;
--color-espresso-martini-100: #ffdcc2;
--color-espresso-martini-200: #ffc4a3;
--color-espresso-martini-300: #efa37a;
--color-espresso-martini-400: #dd8457;
--color-espresso-martini-500: #cb662d;
--color-espresso-martini-600: #ab5728;
--color-espresso-martini-700: #8a4520;
--color-espresso-martini-800: #673117;
--color-espresso-martini-900: #48210f;
--color-espresso-martini-950: #2f1003;
}SCSS
$espresso-martini: #963f00;
$espresso-martini-rgb: 150, 63, 0;
$espresso-martini-light: mix(#fff, $espresso-martini, 20%);
$espresso-martini-dark: mix(#000, $espresso-martini, 20%);
.element {
color: $espresso-martini;
box-shadow: 0 0 0 2px rgba($espresso-martini, 0.35);
}