이름 색상 · #CFB989
Appalachian Trail
Appalachian Trail은(는) #CFB989: rgb(207 185 137), hsl(41 42% 67%), oklch(0.793 0.068 86.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Appalachian Trail color name →
#CFB989
oklch(0.793 0.068 86.1)
색상 변환
- HEX
- #cfb989
- RGB
- rgb(207 185 137)
- HSL
- hsl(41 42% 67%)
- HWB
- hwb(41 54% 19%)
- OKLCH
- oklch(0.793 0.068 86.1)
- OKLab
- oklab(0.793 0.005 0.068)
- CIE Lab
- lab(76.18 2.95 27.45)
- LCH
- lch(76.18 27.61 83.9)
- CMYK
- cmyk(0% 11% 34% 19%)
틴트 · 셰이드 · 톤
틴트
- D4C095
- D9C7A1
- DDCEAC
- E2D5B8
- E7DCC4
- ECE3D0
- F1EADB
- F5F1E7
- FAF8F3
셰이드
- B4A076
- 998964
- 7F7153
- 675B42
- 4F4631
- 383122
- 231E14
- 100D07
- 020201
톤
- C7B389
- BFAD88
- B7A887
- AFA286
- A79C86
- 9F9785
- 979184
- 8F8B83
- 888681
색 조화
보색 +180°
- CFB989
Appalachian Trail
- A7BBE8
≈ Perano
유사색 -30° +30°
- CFB989
Appalachian Trail
- DEB191
≈ Bedtime Story
- B9C18F
≈ Jitterbug
삼각 배색 +120° +240°
- CFB989
Appalachian Trail
- 86C9D1
≈ Not a Cloud in Sight
- D3ADD3
≈ Plink
분열 보색 +150° +210°
- CFB989
Appalachian Trail
- 91C3E2
≈ Club Cruise
- BFB3E3
≈ Moonraker
사각 배색 +90° +180° +270°
- CFB989
Appalachian Trail
- 8CCABA
≈ Deco-Rate
- A7BBE8
≈ Perano
- E0AABD
≈ Apple Infusion
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.95:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--appalachian-trail: #cfb989;
--appalachian-trail-rgb: 207 185 137;
--appalachian-trail-oklch: oklch(0.793 0.068 86.1);
}
.element {
color: var(--appalachian-trail);
background-color: hsl(41 42% 67%);
border-color: oklch(0.793 0.068 86.1);
}Tailwind CSS v4
@theme {
--color-appalachian-trail: #cfb989;
--color-appalachian-trail-50: #fdf5e0;
--color-appalachian-trail-100: #f1e7cf;
--color-appalachian-trail-200: #e0d3b4;
--color-appalachian-trail-300: #c6b690;
--color-appalachian-trail-400: #b09c70;
--color-appalachian-trail-500: #9a8350;
--color-appalachian-trail-600: #826f44;
--color-appalachian-trail-700: #685936;
--color-appalachian-trail-800: #4e4026;
--color-appalachian-trail-900: #362c19;
--color-appalachian-trail-950: #21190a;
}SCSS
$appalachian-trail: #cfb989;
$appalachian-trail-rgb: 207, 185, 137;
$appalachian-trail-light: mix(#fff, $appalachian-trail, 20%);
$appalachian-trail-dark: mix(#000, $appalachian-trail, 20%);
.element {
color: $appalachian-trail;
box-shadow: 0 0 0 2px rgba($appalachian-trail, 0.35);
}