이름 색상 · #A7856D
Antique Chest
Antique Chest은(는) #A7856D: rgb(167 133 109), hsl(25 25% 54%), oklch(0.643 0.054 56.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Antique Chest color name →
#A7856D
oklch(0.643 0.054 56.8)
색상 변환
- HEX
- #a7856d
- RGB
- rgb(167 133 109)
- HSL
- hsl(25 25% 54%)
- HWB
- hwb(25 43% 35%)
- OKLCH
- oklch(0.643 0.054 56.8)
- OKLab
- oklab(0.643 0.03 0.045)
- CIE Lab
- lab(58.36 10.87 18.18)
- LCH
- lch(58.36 21.19 59.1)
- CMYK
- cmyk(0% 20% 35% 35%)
틴트 · 셰이드 · 톤
틴트
- B0917B
- B99C89
- C1A897
- CAB4A5
- D3C1B4
- DCCDC3
- E4D9D2
- EDE6E1
- F6F2F0
셰이드
- 91735E
- 7B614F
- 665041
- 524033
- 3E3026
- 2C2119
- 1A130D
- 0A0604
- 010101
톤
- A3856F
- 9F8471
- 9C8473
- 988375
- 948377
- 908279
- 8C827B
- 88817D
- 84817E
색 조화
보색 +180°
- A7856D
Antique Chest
- 6E92AA
≈ Aragonite Blue
유사색 -30° +30°
- A7856D
Antique Chest
- AC817B
≈ Smoke Bush Rose
- 9B8B67
≈ Autumn Laurel
삼각 배색 +120° +240°
- A7856D
Antique Chest
- 69988C
≈ Little League
- 9086AB
≈ Purple Hills
분열 보색 +150° +210°
- A7856D
Antique Chest
- 65979E
≈ Shore Water
- 7E8DAF
≈ Ashton Skies
사각 배색 +90° +180° +270°
- A7856D
Antique Chest
- 78967A
≈ Mid Cypress
- 6E92AA
≈ Aragonite Blue
- 9F829E
≈ Pink Plumeria
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.37:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.21:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.21:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--antique-chest: #a7856d;
--antique-chest-rgb: 167 133 109;
--antique-chest-oklch: oklch(0.643 0.054 56.8);
}
.element {
color: var(--antique-chest);
background-color: hsl(25 25% 54%);
border-color: oklch(0.643 0.054 56.8);
}Tailwind CSS v4
@theme {
--color-antique-chest: #a7856d;
--color-antique-chest-50: #fff2e6;
--color-antique-chest-100: #f6e4d7;
--color-antique-chest-200: #e7cfbe;
--color-antique-chest-300: #cdb19c;
--color-antique-chest-400: #b89780;
--color-antique-chest-500: #a27d63;
--color-antique-chest-600: #896a54;
--color-antique-chest-700: #6e5543;
--color-antique-chest-800: #513e30;
--color-antique-chest-900: #392a21;
--color-antique-chest-950: #231810;
}SCSS
$antique-chest: #a7856d;
$antique-chest-rgb: 167, 133, 109;
$antique-chest-light: mix(#fff, $antique-chest, 20%);
$antique-chest-dark: mix(#000, $antique-chest, 20%);
.element {
color: $antique-chest;
box-shadow: 0 0 0 2px rgba($antique-chest, 0.35);
}