Color con nombre · #CFB989
Appalachian Trail
Appalachian Trail es #CFB989: rgb(207 185 137), hsl(41 42% 67%), oklch(0.793 0.068 86.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Appalachian Trail color name →
#CFB989
oklch(0.793 0.068 86.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D4C095
- D9C7A1
- DDCEAC
- E2D5B8
- E7DCC4
- ECE3D0
- F1EADB
- F5F1E7
- FAF8F3
Sombras
- B4A076
- 998964
- 7F7153
- 675B42
- 4F4631
- 383122
- 231E14
- 100D07
- 020201
Tonos
- C7B389
- BFAD88
- B7A887
- AFA286
- A79C86
- 9F9785
- 979184
- 8F8B83
- 888681
Armonías de color
Complementario +180°
- CFB989
Appalachian Trail
- A7BBE8
≈ Perano
Análogo -30° +30°
- CFB989
Appalachian Trail
- DEB191
≈ Bedtime Story
- B9C18F
≈ Jitterbug
Triádico +120° +240°
- CFB989
Appalachian Trail
- 86C9D1
≈ Not a Cloud in Sight
- D3ADD3
≈ Plink
Complementario dividido +150° +210°
- CFB989
Appalachian Trail
- 91C3E2
≈ Club Cruise
- BFB3E3
≈ Moonraker
Tetrádico +90° +180° +270°
- CFB989
Appalachian Trail
- 8CCABA
≈ Deco-Rate
- A7BBE8
≈ Perano
- E0AABD
≈ Apple Infusion
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.95:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
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);
}