이름 색상 · #9C5221
Ancient Bronze
Ancient Bronze은(는) #9C5221: rgb(156 82 33), hsl(24 65% 37%), oklch(0.519 0.116 50.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Ancient Bronze color name →
#9C5221
oklch(0.519 0.116 50.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A7633A
- B17450
- BC8566
- C6967B
- D0A790
- DAB8A6
- E3CABC
- EDDBD2
- F6EDE8
셰이드
- 87461B
- 733B16
- 5F2F10
- 4C250B
- 391A06
- 281103
- 180801
- 090200
- 010000
톤
- 9A572E
- 985D39
- 966143
- 93664C
- 906B55
- 8E6F5E
- 8B7467
- 87786F
- 847C78
색 조화
보색 +180°
- 9C5221
Ancient Bronze
- 007399
≈ Enchanted Blue
유사색 -30° +30°
- 9C5221
Ancient Bronze
- A14A4C
≈ Royal Rum
- 886100
≈ Rat Brown
삼각 배색 +120° +240°
- 9C5221
Ancient Bronze
- 007B60
≈ Emerald Dream
- 695BA6
≈ Prophet Violet
분열 보색 +150° +210°
- 9C5221
Ancient Bronze
- 00787D
≈ Hypnotic Sea
- 4067AB
≈ Indigo Batik
사각 배색 +90° +180° +270°
- 9C5221
Ancient Bronze
- 407936
≈ Cucumber Queen
- 007399
≈ Enchanted Blue
- 865091
≈ Cosmic Berry
대비 및 접근성
Ag
AA흰색 위
WCAG 5.76:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.64:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
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);
}