Colore con nome · #9E6649
Antique Copper
Antique Copper è #9E6649: rgb(158 102 73), hsl(20 37% 45%), oklch(0.564 0.084 47.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Antique Copper color name →
#9E6649
oklch(0.564 0.084 47.9)
Conversioni di colore
- HEX
- #9e6649
- RGB
- rgb(158 102 73)
- HSL
- hsl(20 37% 45%)
- HWB
- hwb(20 29% 38%)
- OKLCH
- oklch(0.564 0.084 47.9)
- OKLab
- oklab(0.564 0.056 0.062)
- CIE Lab
- lab(48.93 20.86 26.11)
- LCH
- lch(48.93 33.42 51.4)
- CMYK
- cmyk(0% 35% 54% 38%)
Tinte · Ombre · Toni
Tinte
- A8755A
- B2836C
- BC927D
- C6A18F
- D0B1A1
- D9C0B4
- E3CFC6
- ECDFD9
- F6EFEC
Ombre
- 89583E
- 744A34
- 603C2A
- 4D2F20
- 3A2317
- 29170E
- 180C06
- 090402
- 010000
Toni
- 9B694F
- 996C55
- 966F5B
- 937160
- 907466
- 8D766B
- 8A7970
- 877B76
- 847E7B
Armonie di colore
Complementare +180°
- 9E6649
Antique Copper
- 387F9C
≈ Greenland Blue
Analogo -30° +30°
- 9E6649
Antique Copper
- A16163
≈ Pizza Pie
- 916F38
≈ Dirt Yellow
Triadico +120° +240°
- 9E6649
Antique Copper
- 3C856C
≈ Mythical Forest
- 736EA4
≈ Toy Mauve
Complementare divisa +150° +210°
- 9E6649
Antique Copper
- 288587
≈ Thai Teal
- 5677A7
≈ Vinca
Tetradico +90° +180° +270°
- 9E6649
Antique Copper
- 5D8150
≈ Glade Green
- 387F9C
≈ Greenland Blue
- 8A6696
≈ Viola Grey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.71:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.45:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-copper: #9e6649;
--antique-copper-rgb: 158 102 73;
--antique-copper-oklch: oklch(0.564 0.084 47.9);
}
.element {
color: var(--antique-copper);
background-color: hsl(20 37% 45%);
border-color: oklch(0.564 0.084 47.9);
}Tailwind CSS v4
@theme {
--color-antique-copper: #9e6649;
--color-antique-copper-50: #ffefe0;
--color-antique-copper-100: #ffe1d0;
--color-antique-copper-200: #f3cbb5;
--color-antique-copper-300: #dcab91;
--color-antique-copper-400: #c89073;
--color-antique-copper-500: #b47554;
--color-antique-copper-600: #986348;
--color-antique-copper-700: #7a4f39;
--color-antique-copper-800: #5b3929;
--color-antique-copper-900: #3f271c;
--color-antique-copper-950: #28150c;
}SCSS
$antique-copper: #9e6649;
$antique-copper-rgb: 158, 102, 73;
$antique-copper-light: mix(#fff, $antique-copper, 20%);
$antique-copper-dark: mix(#000, $antique-copper, 20%);
.element {
color: $antique-copper;
box-shadow: 0 0 0 2px rgba($antique-copper, 0.35);
}