Colore con nome · #8A6C57
Antiquities
Antiquities è #8A6C57: rgb(138 108 87), hsl(25 23% 44%), oklch(0.555 0.049 56.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Antiquities color name →
#8A6C57
oklch(0.555 0.049 56.5)
Conversioni di colore
- HEX
- #8a6c57
- RGB
- rgb(138 108 87)
- HSL
- hsl(25 23% 44%)
- HWB
- hwb(25 34% 46%)
- OKLCH
- oklch(0.555 0.049 56.5)
- OKLab
- oklab(0.555 0.027 0.041)
- CIE Lab
- lab(48.24 10.03 16.58)
- LCH
- lch(48.24 19.38 58.8)
- CMYK
- cmyk(0% 22% 37% 46%)
Tinte · Ombre · Toni
Tinte
- 957A67
- A18877
- AC9687
- B8A497
- C4B3A8
- CFC2B9
- DBD1CA
- E7E0DB
- F3EFED
Ombre
- 775D4B
- 654E3E
- 534033
- 423227
- 32251C
- 221912
- 140D08
- 070403
- 010000
Toni
- 896E5B
- 88705F
- 877264
- 867468
- 86766C
- 847870
- 837A74
- 827C78
- 817E7C
Armonie di colore
Complementare +180°
- 8A6C57
Antiquities
- 57788D
≈ Titanium Blue
Analogo -30° +30°
- 8A6C57
Antiquities
- 8E6864
≈ Western Clay
- 807152
≈ Grey Brown
Triadico +120° +240°
- 8A6C57
Antiquities
- 537D72
≈ Dull Turquoise
- 766D8D
≈ Purple Silhouette
Complementare divisa +150° +210°
- 8A6C57
Antiquities
- 4F7C82
≈ Submerged
- 667391
≈ Niche
Tetradico +90° +180° +270°
- 8A6C57
Antiquities
- 607B62
≈ Swanndri
- 57788D
≈ Titanium Blue
- 836983
≈ Matriarch
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.81:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.36:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--antiquities: #8a6c57;
--antiquities-rgb: 138 108 87;
--antiquities-oklch: oklch(0.555 0.049 56.5);
}
.element {
color: var(--antiquities);
background-color: hsl(25 23% 44%);
border-color: oklch(0.555 0.049 56.5);
}Tailwind CSS v4
@theme {
--color-antiquities: #8a6c57;
--color-antiquities-50: #fff2e8;
--color-antiquities-100: #f5e4d8;
--color-antiquities-200: #e5d0c0;
--color-antiquities-300: #cbb29f;
--color-antiquities-400: #b69883;
--color-antiquities-500: #a07e66;
--color-antiquities-600: #876b57;
--color-antiquities-700: #6c5545;
--color-antiquities-800: #503e32;
--color-antiquities-900: #382b22;
--color-antiquities-950: #221811;
}SCSS
$antiquities: #8a6c57;
$antiquities-rgb: 138, 108, 87;
$antiquities-light: mix(#fff, $antiquities, 20%);
$antiquities-dark: mix(#000, $antiquities, 20%);
.element {
color: $antiquities;
box-shadow: 0 0 0 2px rgba($antiquities, 0.35);
}