이름 색상 · #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);
}