Nazwany kolor · #9C5221
Ancient Bronze
Ancient Bronze to #9C5221: rgb(156 82 33), hsl(24 65% 37%), oklch(0.519 0.116 50.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Ancient Bronze color name →
#9C5221
oklch(0.519 0.116 50.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7633A
- B17450
- BC8566
- C6967B
- D0A790
- DAB8A6
- E3CABC
- EDDBD2
- F6EDE8
Odcienie ciemniejsze
- 87461B
- 733B16
- 5F2F10
- 4C250B
- 391A06
- 281103
- 180801
- 090200
- 010000
Tony
- 9A572E
- 985D39
- 966143
- 93664C
- 906B55
- 8E6F5E
- 8B7467
- 87786F
- 847C78
Harmonie kolorów
Komplementarna +180°
- 9C5221
Ancient Bronze
- 007399
≈ Enchanted Blue
Analogowa -30° +30°
- 9C5221
Ancient Bronze
- A14A4C
≈ Royal Rum
- 886100
≈ Rat Brown
Triada +120° +240°
- 9C5221
Ancient Bronze
- 007B60
≈ Emerald Dream
- 695BA6
≈ Prophet Violet
Komplementarna rozszczepiona +150° +210°
- 9C5221
Ancient Bronze
- 00787D
≈ Hypnotic Sea
- 4067AB
≈ Indigo Batik
Tetrada +90° +180° +270°
- 9C5221
Ancient Bronze
- 407936
≈ Cucumber Queen
- 007399
≈ Enchanted Blue
- 865091
≈ Cosmic Berry
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.76:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}