Colore con nome · #948666
Northeast Trail
Northeast Trail è #948666: rgb(148 134 102), hsl(42 18% 49%), oklch(0.624 0.048 87.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Northeast Trail color name →
#948666
oklch(0.624 0.048 87.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9E9275
- A99D83
- B3A992
- BEB5A1
- C8C1B0
- D3CDC0
- DED9CF
- E9E6DF
- F4F2EF
Ombre
- 807458
- 6D624A
- 5A513C
- 48402F
- 363023
- 262117
- 16130C
- 080604
- 010100
Toni
- 928569
- 90856C
- 8E846E
- 8C8471
- 8A8374
- 888376
- 868279
- 84817B
- 82817E
Armonie di colore
Complementare +180°
- 948666
Northeast Trail
- 7A87A5
≈ Velvet Curtain
Analogo -30° +30°
- 948666
Northeast Trail
- 9F806B
≈ Matte Brown
- 858C6A
≈ Pesto Paste
Triadico +120° +240°
- 948666
Northeast Trail
- 649096
≈ Tranquil Seashore
- 987D97
≈ Amorous
Complementare divisa +150° +210°
- 948666
Northeast Trail
- 6C8CA1
≈ Bermuda Grey
- 8A82A2
≈ Fabulous Grape
Tetradico +90° +180° +270°
- 948666
Northeast Trail
- 689187
≈ Pine Ridge
- 7A87A5
≈ Velvet Curtain
- A07C88
≈ Dusky Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.58:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.86:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
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);
}