Colore con nome · #8B846D
Antique
Antique è #8B846D: rgb(139 132 109), hsl(46 12% 49%), oklch(0.613 0.034 93.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Antique color name →
#8B846D
oklch(0.613 0.034 93.1)
Conversioni di colore
- HEX
- #8b846d
- RGB
- rgb(139 132 109)
- HSL
- hsl(46 12% 49%)
- HWB
- hwb(46 43% 45%)
- OKLCH
- oklch(0.613 0.034 93.1)
- OKLab
- oklab(0.613 -0.002 0.034)
- CIE Lab
- lab(55.29 -0.23 13.47)
- LCH
- lch(55.29 13.47 91)
- CMYK
- cmyk(0% 5% 22% 45%)
Tinte · Ombre · Toni
Tinte
- 96907B
- A19B89
- ACA797
- B8B4A5
- C3C0B4
- CFCCC2
- DBD9D1
- E7E5E0
- F3F2F0
Ombre
- 78725E
- 66604F
- 544F41
- 433F33
- 322F26
- 232019
- 14120D
- 070604
- 010101
Toni
- 8A846F
- 898371
- 888373
- 878275
- 858277
- 848279
- 83817B
- 82817C
- 81807E
Armonie di colore
Complementare +180°
- 8B846D
Antique
- 7D8399
≈ Tempest
Analogo -30° +30°
- 8B846D
Antique
- 93806F
≈ Baneblade Brown
- 808871
≈ Shebang
Triadico +120° +240°
- 8B846D
Antique
- 6D8A91
≈ Blue Shoal
- 917D8D
≈ Plum Swirl
Complementare divisa +150° +210°
- 8B846D
Antique
- 738798
≈ Apollo Bay
- 887F96
≈ Dusky Grape
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.73:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.61:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--antique: #8b846d;
--antique-rgb: 139 132 109;
--antique-oklch: oklch(0.613 0.034 93.1);
}
.element {
color: var(--antique);
background-color: hsl(46 12% 49%);
border-color: oklch(0.613 0.034 93.1);
}Tailwind CSS v4
@theme {
--color-antique: #8b846d;
--color-antique-50: #f8f5ea;
--color-antique-100: #ebe8db;
--color-antique-200: #d9d4c4;
--color-antique-300: #bdb8a4;
--color-antique-400: #a59e88;
--color-antique-500: #8e866d;
--color-antique-600: #78715c;
--color-antique-700: #605b49;
--color-antique-800: #474235;
--color-antique-900: #312e24;
--color-antique-950: #1d1a13;
}SCSS
$antique: #8b846d;
$antique-rgb: 139, 132, 109;
$antique-light: mix(#fff, $antique, 20%);
$antique-dark: mix(#000, $antique, 20%);
.element {
color: $antique;
box-shadow: 0 0 0 2px rgba($antique, 0.35);
}