이름 색상 · #948666
Northeast Trail
Northeast Trail은(는) #948666: rgb(148 134 102), hsl(42 18% 49%), oklch(0.624 0.048 87.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Northeast Trail color name →
#948666
oklch(0.624 0.048 87.1)
색상 변환
- HEX
- #948666
- RGB
- rgb(148 134 102)
- HSL
- hsl(42 18% 49%)
- HWB
- hwb(42 40% 42%)
- OKLCH
- oklch(0.624 0.048 87.1)
- OKLab
- oklab(0.624 0.002 0.048)
- CIE Lab
- lab(56.57 1.7 19.32)
- LCH
- lch(56.57 19.39 85)
- CMYK
- cmyk(0% 9% 31% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E9275
- A99D83
- B3A992
- BEB5A1
- C8C1B0
- D3CDC0
- DED9CF
- E9E6DF
- F4F2EF
셰이드
- 807458
- 6D624A
- 5A513C
- 48402F
- 363023
- 262117
- 16130C
- 080604
- 010100
톤
- 928569
- 90856C
- 8E846E
- 8C8471
- 8A8374
- 888376
- 868279
- 84817B
- 82817E
색 조화
보색 +180°
- 948666
Northeast Trail
- 7A87A5
≈ Velvet Curtain
유사색 -30° +30°
- 948666
Northeast Trail
- 9F806B
≈ Matte Brown
- 858C6A
≈ Pesto Paste
삼각 배색 +120° +240°
- 948666
Northeast Trail
- 649096
≈ Tranquil Seashore
- 987D97
≈ Amorous
분열 보색 +150° +210°
- 948666
Northeast Trail
- 6C8CA1
≈ Bermuda Grey
- 8A82A2
≈ Fabulous Grape
사각 배색 +90° +180° +270°
- 948666
Northeast Trail
- 689187
≈ Pine Ridge
- 7A87A5
≈ Velvet Curtain
- A07C88
≈ Dusky Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.58:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.86:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--northeast-trail: #948666;
--northeast-trail-rgb: 148 134 102;
--northeast-trail-oklch: oklch(0.624 0.048 87.1);
}
.element {
color: var(--northeast-trail);
background-color: hsl(42 18% 49%);
border-color: oklch(0.624 0.048 87.1);
}Tailwind CSS v4
@theme {
--color-northeast-trail: #948666;
--color-northeast-trail-50: #fbf5e6;
--color-northeast-trail-100: #eee7d6;
--color-northeast-trail-200: #dcd4bd;
--color-northeast-trail-300: #c1b79c;
--color-northeast-trail-400: #ab9d7e;
--color-northeast-trail-500: #948561;
--color-northeast-trail-600: #7d7053;
--color-northeast-trail-700: #645a42;
--color-northeast-trail-800: #4a412f;
--color-northeast-trail-900: #332d20;
--color-northeast-trail-950: #1f1a0f;
}SCSS
$northeast-trail: #948666;
$northeast-trail-rgb: 148, 134, 102;
$northeast-trail-light: mix(#fff, $northeast-trail, 20%);
$northeast-trail-dark: mix(#000, $northeast-trail, 20%);
.element {
color: $northeast-trail;
box-shadow: 0 0 0 2px rgba($northeast-trail, 0.35);
}