Colore con nome · #9C5221
Ancient Bronze
Ancient Bronze è #9C5221: rgb(156 82 33), hsl(24 65% 37%), oklch(0.519 0.116 50.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Ancient Bronze color name →
#9C5221
oklch(0.519 0.116 50.6)
Conversioni di colore
- HEX
- #9c5221
- RGB
- rgb(156 82 33)
- HSL
- hsl(24 65% 37%)
- HWB
- hwb(24 13% 39%)
- OKLCH
- oklch(0.519 0.116 50.6)
- OKLab
- oklab(0.519 0.073 0.089)
- CIE Lab
- lab(43.56 28.83 41.46)
- LCH
- lch(43.56 50.5 55.2)
- CMYK
- cmyk(0% 47% 79% 39%)
Tinte · Ombre · Toni
Tinte
- A7633A
- B17450
- BC8566
- C6967B
- D0A790
- DAB8A6
- E3CABC
- EDDBD2
- F6EDE8
Ombre
- 87461B
- 733B16
- 5F2F10
- 4C250B
- 391A06
- 281103
- 180801
- 090200
- 010000
Toni
- 9A572E
- 985D39
- 966143
- 93664C
- 906B55
- 8E6F5E
- 8B7467
- 87786F
- 847C78
Armonie di colore
Complementare +180°
- 9C5221
Ancient Bronze
- 007399
≈ Enchanted Blue
Analogo -30° +30°
- 9C5221
Ancient Bronze
- A14A4C
≈ Royal Rum
- 886100
≈ Rat Brown
Triadico +120° +240°
- 9C5221
Ancient Bronze
- 007B60
≈ Emerald Dream
- 695BA6
≈ Prophet Violet
Complementare divisa +150° +210°
- 9C5221
Ancient Bronze
- 00787D
≈ Hypnotic Sea
- 4067AB
≈ Indigo Batik
Tetradico +90° +180° +270°
- 9C5221
Ancient Bronze
- 407936
≈ Cucumber Queen
- 007399
≈ Enchanted Blue
- 865091
≈ Cosmic Berry
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.76:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.64:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--ancient-bronze: #9c5221;
--ancient-bronze-rgb: 156 82 33;
--ancient-bronze-oklch: oklch(0.519 0.116 50.6);
}
.element {
color: var(--ancient-bronze);
background-color: hsl(24 65% 37%);
border-color: oklch(0.519 0.116 50.6);
}Tailwind CSS v4
@theme {
--color-ancient-bronze: #9c5221;
--color-ancient-bronze-50: #ffedd7;
--color-ancient-bronze-100: #ffdec5;
--color-ancient-bronze-200: #fdc7a7;
--color-ancient-bronze-300: #e7a780;
--color-ancient-bronze-400: #d58a5d;
--color-ancient-bronze-500: #c26d37;
--color-ancient-bronze-600: #a45c30;
--color-ancient-bronze-700: #834a26;
--color-ancient-bronze-800: #62351b;
--color-ancient-bronze-900: #452412;
--color-ancient-bronze-950: #2c1204;
}SCSS
$ancient-bronze: #9c5221;
$ancient-bronze-rgb: 156, 82, 33;
$ancient-bronze-light: mix(#fff, $ancient-bronze, 20%);
$ancient-bronze-dark: mix(#000, $ancient-bronze, 20%);
.element {
color: $ancient-bronze;
box-shadow: 0 0 0 2px rgba($ancient-bronze, 0.35);
}