이름 색상 · #D1B26F
Tan
Tan은(는) #D1B26F: rgb(209 178 111), hsl(41 52% 63%), oklch(0.776 0.093 85.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tan color name →
#D1B26F
oklch(0.776 0.093 85.5)
색상 변환
- HEX
- #d1b26f
- RGB
- rgb(209 178 111)
- HSL
- hsl(41 52% 63%)
- HWB
- hwb(41 44% 18%)
- OKLCH
- oklch(0.776 0.093 85.5)
- OKLab
- oklab(0.776 0.007 0.093)
- CIE Lab
- lab(74.23 5.19 38.47)
- LCH
- lch(74.23 38.82 82.3)
- CMYK
- cmyk(0% 15% 47% 18%)
틴트 · 셰이드 · 톤
틴트
- D6BA7E
- DAC18D
- DFC99B
- E3D1AA
- E8D8B8
- EDE0C6
- F1E8D4
- F6F0E3
- FAF7F1
셰이드
- B59A60
- 9B8351
- 816D42
- 685734
- 504327
- 392F1A
- 231D0E
- 100C04
- 020101
톤
- C9AD72
- C0A874
- B8A377
- B09E78
- A8997A
- A0947C
- 988F7D
- 908A7E
- 88857F
색 조화
보색 +180°
- D1B26F
Tan
- 9AB5F2
≈ Wondrous Wisteria
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.03:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.30:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--tan: #d1b26f;
--tan-rgb: 209 178 111;
--tan-oklch: oklch(0.776 0.093 85.5);
}
.element {
color: var(--tan);
background-color: hsl(41 52% 63%);
border-color: oklch(0.776 0.093 85.5);
}Tailwind CSS v4
@theme {
--color-tan: #d1b26f;
--color-tan-50: #fff4d8;
--color-tan-100: #f5e7c5;
--color-tan-200: #e5d3a7;
--color-tan-300: #ccb580;
--color-tan-400: #b79b5c;
--color-tan-500: #a28135;
--color-tan-600: #896d2e;
--color-tan-700: #6e5725;
--color-tan-800: #523f19;
--color-tan-900: #392c10;
--color-tan-950: #231903;
}SCSS
$tan: #d1b26f;
$tan-rgb: 209, 178, 111;
$tan-light: mix(#fff, $tan, 20%);
$tan-dark: mix(#000, $tan, 20%);
.element {
color: $tan;
box-shadow: 0 0 0 2px rgba($tan, 0.35);
}