이름 색상 · #9F543E
Ancient Copper
Ancient Copper은(는) #9F543E: rgb(159 84 62), hsl(14 44% 43%), oklch(0.531 0.105 37.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ancient Copper color name →
#9F543E
oklch(0.531 0.105 37.2)
색상 변환
- HEX
- #9f543e
- RGB
- rgb(159 84 62)
- HSL
- hsl(14 44% 43%)
- HWB
- hwb(14 24% 38%)
- OKLCH
- oklch(0.531 0.105 37.2)
- OKLab
- oklab(0.531 0.084 0.064)
- CIE Lab
- lab(44.75 30.24 27.33)
- LCH
- lch(44.75 40.76 42.1)
- CMYK
- cmyk(0% 47% 61% 38%)
틴트 · 셰이드 · 톤
틴트
- AA6550
- B47563
- BE8675
- C89788
- D2A89B
- DBB9AF
- E4CAC2
- EDDCD6
- F6EDEB
셰이드
- 8A4835
- 753C2B
- 613123
- 4D261A
- 3B1B12
- 29110A
- 180804
- 090201
- 010000
톤
- 9D5945
- 9A5E4C
- 986353
- 95675A
- 926C60
- 8F7067
- 8C746D
- 887873
- 847C7A
색 조화
보색 +180°
- 9F543E
Ancient Copper
- 007990
≈ Bimini Blue
유사색 -30° +30°
- 9F543E
Ancient Copper
- 9E5061
≈ Cherry Berry
- 945F1B
≈ Afghan Carpet
삼각 배색 +120° +240°
- 9F543E
Ancient Copper
- 2A7E53
≈ Canadian Pine
- 5D65A8
≈ Bellflower
분열 보색 +150° +210°
- 9F543E
Ancient Copper
- 007D75
≈ Romantic Isle
- 3270A5
≈ Mega Blue
사각 배색 +90° +180° +270°
- 9F543E
Ancient Copper
- 5B772E
≈ Luck of the Irish
- 007990
≈ Bimini Blue
- 7C5A9B
≈ Sonic Plum
대비 및 접근성
Ag
AA흰색 위
WCAG 5.50:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.81:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.50:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--ancient-copper: #9f543e;
--ancient-copper-rgb: 159 84 62;
--ancient-copper-oklch: oklch(0.531 0.105 37.2);
}
.element {
color: var(--ancient-copper);
background-color: hsl(14 44% 43%);
border-color: oklch(0.531 0.105 37.2);
}Tailwind CSS v4
@theme {
--color-ancient-copper: #9f543e;
--color-ancient-copper-50: #ffecdf;
--color-ancient-copper-100: #ffddce;
--color-ancient-copper-200: #fdc6b3;
--color-ancient-copper-300: #e7a58f;
--color-ancient-copper-400: #d48871;
--color-ancient-copper-500: #c16b52;
--color-ancient-copper-600: #a35b46;
--color-ancient-copper-700: #834938;
--color-ancient-copper-800: #613429;
--color-ancient-copper-900: #44241b;
--color-ancient-copper-950: #2c120c;
}SCSS
$ancient-copper: #9f543e;
$ancient-copper-rgb: 159, 84, 62;
$ancient-copper-light: mix(#fff, $ancient-copper, 20%);
$ancient-copper-dark: mix(#000, $ancient-copper, 20%);
.element {
color: $ancient-copper;
box-shadow: 0 0 0 2px rgba($ancient-copper, 0.35);
}