Benannte Farbe · #99522B
Ancient Chest
Ancient Chest ist #99522B: rgb(153 82 43), hsl(21 56% 38%), oklch(0.516 0.108 47.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Ancient Chest color name →
#99522B
oklch(0.516 0.108 47.6)
Farbumrechnungen
- HEX
- #99522b
- RGB
- rgb(153 82 43)
- HSL
- hsl(21 56% 38%)
- HWB
- hwb(21 17% 40%)
- OKLCH
- oklch(0.516 0.108 47.6)
- OKLab
- oklab(0.516 0.073 0.08)
- CIE Lab
- lab(43.19 27.89 35.88)
- LCH
- lch(43.19 45.45 52.1)
- CMYK
- cmyk(0% 46% 72% 40%)
Tints · Shades · Tones
Tints
- A46341
- AF7456
- BA856A
- C4967F
- CEA793
- D8B8A8
- E2CABD
- ECDBD3
- F6EDE9
Shades
- 844624
- 703B1D
- 5D2F16
- 4A2510
- 381A0A
- 271105
- 170802
- 080201
- 010000
Tones
- 975735
- 955C3F
- 936148
- 916650
- 8F6B58
- 8C6F61
- 8A7369
- 877870
- 837C78
Farbharmonien
Komplementär +180°
- 99522B
Ancient Chest
- 007295
≈ Enchanted Blue
Analog -30° +30°
- 99522B
Ancient Chest
- 9C4B50
≈ Regal Red
- 8A5E00
≈ Rat Brown
Triadisch +120° +240°
- 99522B
Ancient Chest
- 007B5C
≈ Emerald Dream
- 655CA2
≈ Giant Onion
Geteilt komplementär +150° +210°
- 99522B
Ancient Chest
- 00777A
≈ Prismarine
- 3E68A5
≈ Indigo Batik
Tetradisch +90° +180° +270°
- 99522B
Ancient Chest
- 477635
≈ Cucumber Queen
- 007295
≈ Enchanted Blue
- 815290
≈ Voodoo Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.83:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.59:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.83:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--ancient-chest: #99522b;
--ancient-chest-rgb: 153 82 43;
--ancient-chest-oklch: oklch(0.516 0.108 47.6);
}
.element {
color: var(--ancient-chest);
background-color: hsl(21 56% 38%);
border-color: oklch(0.516 0.108 47.6);
}Tailwind CSS v4
@theme {
--color-ancient-chest: #99522b;
--color-ancient-chest-50: #ffedda;
--color-ancient-chest-100: #ffdec8;
--color-ancient-chest-200: #fbc7ac;
--color-ancient-chest-300: #e5a786;
--color-ancient-chest-400: #d38a65;
--color-ancient-chest-500: #bf6e42;
--color-ancient-chest-600: #a25d39;
--color-ancient-chest-700: #824a2d;
--color-ancient-chest-800: #613520;
--color-ancient-chest-900: #442415;
--color-ancient-chest-950: #2c1307;
}SCSS
$ancient-chest: #99522b;
$ancient-chest-rgb: 153, 82, 43;
$ancient-chest-light: mix(#fff, $ancient-chest, 20%);
$ancient-chest-dark: mix(#000, $ancient-chest, 20%);
.element {
color: $ancient-chest;
box-shadow: 0 0 0 2px rgba($ancient-chest, 0.35);
}