이름 색상 · #C1A87C
Antiquity
Antiquity은(는) #C1A87C: rgb(193 168 124), hsl(38 36% 62%), oklch(0.743 0.066 81.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Antiquity color name →
#C1A87C
oklch(0.743 0.066 81.4)
색상 변환
- HEX
- #c1a87c
- RGB
- rgb(193 168 124)
- HSL
- hsl(38 36% 62%)
- HWB
- hwb(38 49% 24%)
- OKLCH
- oklch(0.743 0.066 81.4)
- OKLab
- oklab(0.743 0.01 0.065)
- CIE Lab
- lab(70.29 4.72 26.32)
- LCH
- lch(70.29 26.74 79.8)
- CMYK
- cmyk(0% 13% 36% 24%)
틴트 · 셰이드 · 톤
틴트
- C7B189
- CDB996
- D3C2A3
- DACAB0
- E0D3BD
- E6DCCA
- ECE4D7
- F2EDE4
- F9F6F2
셰이드
- A7926B
- 8F7C5A
- 77674A
- 5F523B
- 493F2C
- 342C1E
- 201A11
- 0E0A05
- 020101
톤
- BAA47D
- B4A07E
- AD9C7E
- A7987F
- A0947F
- 9A907F
- 938C80
- 8D8880
- 868480
색 조화
보색 +180°
- C1A87C
Antiquity
- 95ADD6
≈ Victory Lake
유사색 -30° +30°
- C1A87C
Antiquity
- CEA086
≈ Arbol de Tamarindo
- ADB080
≈ Stuffed Olive
삼각 배색 +120° +240°
- C1A87C
Antiquity
- 78B9BD
≈ Aqua Blue
- C09EC5
≈ Lilac Pink
분열 보색 +150° +210°
- C1A87C
Antiquity
- 81B4CE
≈ Blue Cuddle
- ACA5D3
≈ Milky Lavender
사각 배색 +90° +180° +270°
- C1A87C
Antiquity
- 80BAA6
≈ Patina Hue
- 95ADD6
≈ Victory Lake
- CD9BB0
≈ Rosebay
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.29:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.15:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--antiquity: #c1a87c;
--antiquity-rgb: 193 168 124;
--antiquity-oklch: oklch(0.743 0.066 81.4);
}
.element {
color: var(--antiquity);
background-color: hsl(38 36% 62%);
border-color: oklch(0.743 0.066 81.4);
}Tailwind CSS v4
@theme {
--color-antiquity: #c1a87c;
--color-antiquity-50: #fef4e0;
--color-antiquity-100: #f3e6d0;
--color-antiquity-200: #e2d2b5;
--color-antiquity-300: #c8b591;
--color-antiquity-400: #b29b72;
--color-antiquity-500: #9c8252;
--color-antiquity-600: #846e46;
--color-antiquity-700: #6a5838;
--color-antiquity-800: #4f4028;
--color-antiquity-900: #372c1a;
--color-antiquity-950: #22190b;
}SCSS
$antiquity: #c1a87c;
$antiquity-rgb: 193, 168, 124;
$antiquity-light: mix(#fff, $antiquity, 20%);
$antiquity-dark: mix(#000, $antiquity, 20%);
.element {
color: $antiquity;
box-shadow: 0 0 0 2px rgba($antiquity, 0.35);
}