Colore con nome · #A18666
Soft Bronze
Soft Bronze è #A18666: rgb(161 134 102), hsl(33 24% 52%), oklch(0.637 0.056 71.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Soft Bronze color name →
#A18666
oklch(0.637 0.056 71.3)
Conversioni di colore
- HEX
- #a18666
- RGB
- rgb(161 134 102)
- HSL
- hsl(33 24% 52%)
- HWB
- hwb(33 40% 37%)
- OKLCH
- oklch(0.637 0.056 71.3)
- OKLab
- oklab(0.637 0.018 0.053)
- CIE Lab
- lab(57.87 7.17 21.32)
- LCH
- lch(57.87 22.5 71.4)
- CMYK
- cmyk(0% 17% 37% 37%)
Tinte · Ombre · Toni
Tinte
- AA9275
- B39D83
- BDA992
- C6B5A1
- CFC1B1
- D9CDC0
- E2DACF
- ECE6DF
- F5F2EF
Ombre
- 8B7458
- 76624A
- 62513C
- 4E402F
- 3C3023
- 2A2117
- 19130C
- 090604
- 010100
Toni
- 9E8569
- 9A856C
- 97846E
- 948471
- 918374
- 8D8376
- 8A8279
- 87817B
- 83817E
Armonie di colore
Complementare +180°
- A18666
Soft Bronze
- 728EAD
≈ Distant Sky
Analogo -30° +30°
- A18666
Soft Bronze
- A98071
≈ Cocoa Nutmeg
- 928D65
≈ Paid in Full
Triadico +120° +240°
- A18666
Soft Bronze
- 629693
≈ Loch Blue
- 9682A5
≈ Purple Phantom
Complementare divisa +150° +210°
- A18666
Soft Bronze
- 6593A3
≈ Wave Jumper
- 8588AD
≈ Purple Impression
Tetradico +90° +180° +270°
- A18666
Soft Bronze
- 6D9680
≈ Douglas Fir Green
- 728EAD
≈ Distant Sky
- A37E95
≈ Cali Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.43:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.11:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--soft-bronze: #a18666;
--soft-bronze-rgb: 161 134 102;
--soft-bronze-oklch: oklch(0.637 0.056 71.3);
}
.element {
color: var(--soft-bronze);
background-color: hsl(33 24% 52%);
border-color: oklch(0.637 0.056 71.3);
}Tailwind CSS v4
@theme {
--color-soft-bronze: #a18666;
--color-soft-bronze-50: #fff3e4;
--color-soft-bronze-100: #f4e6d4;
--color-soft-bronze-200: #e3d1bb;
--color-soft-bronze-300: #c9b499;
--color-soft-bronze-400: #b4997b;
--color-soft-bronze-500: #9e805d;
--color-soft-bronze-600: #856d4f;
--color-soft-bronze-700: #6b573f;
--color-soft-bronze-800: #4f3f2d;
--color-soft-bronze-900: #372b1e;
--color-soft-bronze-950: #22190e;
}SCSS
$soft-bronze: #a18666;
$soft-bronze-rgb: 161, 134, 102;
$soft-bronze-light: mix(#fff, $soft-bronze, 20%);
$soft-bronze-dark: mix(#000, $soft-bronze, 20%);
.element {
color: $soft-bronze;
box-shadow: 0 0 0 2px rgba($soft-bronze, 0.35);
}