命名颜色 · #99522B
Ancient Chest
Ancient Chest 即 #99522B：rgb(153 82 43)、hsl(21 56% 38%)、oklch(0.516 0.108 47.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Ancient Chest color name →
#99522B
oklch(0.516 0.108 47.6)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- A46341
- AF7456
- BA856A
- C4967F
- CEA793
- D8B8A8
- E2CABD
- ECDBD3
- F6EDE9
深色调
- 844624
- 703B1D
- 5D2F16
- 4A2510
- 381A0A
- 271105
- 170802
- 080201
- 010000
灰色调
- 975735
- 955C3F
- 936148
- 916650
- 8F6B58
- 8C6F61
- 8A7369
- 877870
- 837C78
配色和谐
互补色 +180°
- 99522B
Ancient Chest
- 007295
≈ Enchanted Blue
类似色 -30° +30°
- 99522B
Ancient Chest
- 9C4B50
≈ Regal Red
- 8A5E00
≈ Rat Brown
三角配色 +120° +240°
- 99522B
Ancient Chest
- 007B5C
≈ Emerald Dream
- 655CA2
≈ Giant Onion
分裂互补色 +150° +210°
- 99522B
Ancient Chest
- 00777A
≈ Prismarine
- 3E68A5
≈ Indigo Batik
四角配色 +90° +180° +270°
- 99522B
Ancient Chest
- 477635
≈ Cucumber Queen
- 007295
≈ Enchanted Blue
- 815290
≈ Voodoo Violet
对比度与无障碍
Ag
AA白底
WCAG 5.83:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.59:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.83:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
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);
}