이름 색상 · #A97164
Tangier
Tangier은(는) #A97164: rgb(169 113 100), hsl(11 29% 53%), oklch(0.604 0.074 33.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tangier color name →
#A97164
oklch(0.604 0.074 33.6)
색상 변환
- HEX
- #a97164
- RGB
- rgb(169 113 100)
- HSL
- hsl(11 29% 53%)
- HWB
- hwb(11 39% 34%)
- OKLCH
- oklch(0.604 0.074 33.6)
- OKLab
- oklab(0.604 0.062 0.041)
- CIE Lab
- lab(53.43 21.62 16.74)
- LCH
- lch(53.43 27.34 37.8)
- CMYK
- cmyk(0% 33% 41% 34%)
틴트 · 셰이드 · 톤
틴트
- B27F73
- BB8C81
- C49A90
- CDA8A0
- D5B6AF
- DEC5BF
- E6D3CE
- EEE2DE
- F7F0EF
셰이드
- 926156
- 7C5248
- 67433B
- 53352E
- 3F2722
- 2C1A16
- 1B0E0B
- 0A0403
- 010100
톤
- A57367
- A1746A
- 9E766D
- 9A7870
- 967972
- 927B75
- 8D7C78
- 897D7B
- 857F7D
색 조화
보색 +180°
- A97164
Tangier
- 468D9C
≈ Winter Time
유사색 -30° +30°
- A97164
Tangier
- A76E7C
≈ Black Elder
- A17851
≈ Leather Chair
삼각 배색 +120° +240°
- A97164
Tangier
- 5D8F6D
≈ Murdoch
- 737EAE
≈ Bright Zenith
분열 보색 +150° +210°
- A97164
Tangier
- 489086
≈ Lochinvar
- 5987AB
≈ Blueberry Muffin
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.23:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--tangier: #a97164;
--tangier-rgb: 169 113 100;
--tangier-oklch: oklch(0.604 0.074 33.6);
}
.element {
color: var(--tangier);
background-color: hsl(11 29% 53%);
border-color: oklch(0.604 0.074 33.6);
}Tailwind CSS v4
@theme {
--color-tangier: #a97164;
--color-tangier-50: #ffeee7;
--color-tangier-100: #ffe0d7;
--color-tangier-200: #f2cabf;
--color-tangier-300: #daab9e;
--color-tangier-400: #c68f82;
--color-tangier-500: #b27466;
--color-tangier-600: #966256;
--color-tangier-700: #794e45;
--color-tangier-800: #593932;
--color-tangier-900: #3f2722;
--color-tangier-950: #281511;
}SCSS
$tangier: #a97164;
$tangier-rgb: 169, 113, 100;
$tangier-light: mix(#fff, $tangier, 20%);
$tangier-dark: mix(#000, $tangier, 20%);
.element {
color: $tangier;
box-shadow: 0 0 0 2px rgba($tangier, 0.35);
}