Colore con nome più vicino · #873300
#873300
Colore con nome più vicino: Espresso Martini
#873300 (rgb(135 51 0), hsl(23 100% 26%), oklch(0.435 0.127 43.9)) è più vicino al colore con nome Espresso Martini. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#873300
oklch(0.435 0.127 43.9)
Conversioni di colore
- HEX
- #873300
- RGB
- rgb(135 51 0)
- HSL
- hsl(23 100% 26%)
- HWB
- hwb(23 0% 47%)
- OKLCH
- oklch(0.435 0.127 43.9)
- OKLab
- oklab(0.435 0.091 0.088)
- CIE Lab
- lab(33.49 35.21 45.3)
- LCH
- lch(33.49 57.38 52.1)
- CMYK
- cmyk(0% 62% 100% 47%)
Tinte · Ombre · Toni
Tinte
- 944824
- A15C3D
- AE7055
- BA846C
- C79884
- D2AC9C
- DEC0B4
- E9D5CD
- F4EAE6
Ombre
- 752B00
- 632300
- 511C00
- 411400
- 310D00
- 210700
- 130300
- 060100
- 010000
Toni
- 883C17
- 884526
- 884D33
- 88553F
- 875C4A
- 876455
- 856B60
- 84726B
- 827975
Armonie di colore
Complementare +180°
- 873300
Espresso Martini
- 005A72
≈ Octagon Ocean
Analogo -30° +30°
- 873300
Espresso Martini
- 892B3C
≈ Thrill Ride
- 6F4800
≈ Antique Bronze
Triadico +120° +240°
- 873300
Espresso Martini
- 006143
≈ Aotake Bamboo
- 4B4393
≈ Blueberry
Complementare divisa +150° +210°
- 873300
Espresso Martini
- 005E5D
≈ Sandhill Crane
- 105194
≈ Blue Olympus
Tetradico +90° +180° +270°
- 873300
Espresso Martini
- 325F00
≈ Thuja Green
- 005A72
≈ Octagon Ocean
- 6A3781
≈ Galactic Grapevine
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.38:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.50:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--espresso-martini: #873300;
--espresso-martini-rgb: 135 51 0;
--espresso-martini-oklch: oklch(0.435 0.127 43.9);
}
.element {
color: var(--espresso-martini);
background-color: hsl(23 100% 26%);
border-color: oklch(0.435 0.127 43.9);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #873300;
--color-espresso-martini-50: #ffebd7;
--color-espresso-martini-100: #ffdcc5;
--color-espresso-martini-200: #ffc4a7;
--color-espresso-martini-300: #eea380;
--color-espresso-martini-400: #dc845e;
--color-espresso-martini-500: #c96639;
--color-espresso-martini-600: #aa5731;
--color-espresso-martini-700: #894627;
--color-espresso-martini-800: #66311c;
--color-espresso-martini-900: #482212;
--color-espresso-martini-950: #2f1005;
}SCSS
$espresso-martini: #873300;
$espresso-martini-rgb: 135, 51, 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);
}