Colore con nome · #D6B8A9
Canyon Trail
Canyon Trail è #D6B8A9: rgb(214 184 169), hsl(20 35% 75%), oklch(0.804 0.04 48.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Canyon Trail color name →
#D6B8A9
oklch(0.804 0.04 48.2)
Conversioni di colore
- HEX
- #d6b8a9
- RGB
- rgb(214 184 169)
- HSL
- hsl(20 35% 75%)
- HWB
- hwb(20 66% 16%)
- OKLCH
- oklch(0.804 0.04 48.2)
- OKLab
- oklab(0.804 0.027 0.03)
- CIE Lab
- lab(77.12 9.38 11.83)
- LCH
- lch(77.12 15.1 51.6)
- CMYK
- cmyk(0% 14% 21% 16%)
Tinte · Ombre · Toni
Tinte
- DABFB1
- DEC6BA
- E2CDC2
- E7D4CB
- EBDBD3
- EFE2DC
- F3E9E5
- F7F1ED
- FBF8F6
Ombre
- BAA092
- 9E887C
- 847167
- 6A5B53
- 52453F
- 3B312C
- 251E1B
- 100C0A
- 020201
Toni
- CDB2A5
- C4ADA1
- BCA79D
- B3A199
- AA9C94
- A29690
- 99918C
- 918B88
- 888584
Armonie di colore
Complementare +180°
- D6B8A9
Canyon Trail
- A5C5D4
≈ Blue Dam
Analogo -30° +30°
- D6B8A9
Canyon Trail
- D8B5B5
≈ Pink Flare
- CEBDA3
≈ Ramie
Triadico +120° +240°
- D6B8A9
Canyon Trail
- A7C8BA
≈ Wave Runner
- BDBCD8
≈ Lavender Grey
Complementare divisa +150° +210°
- D6B8A9
Canyon Trail
- A2C8C9
≈ Ocean Boulevard
- AFC0DA
≈ Blue Thistle
Tetradico +90° +180° +270°
- D6B8A9
Canyon Trail
- B3C6AD
≈ Zanah
- A5C5D4
≈ Blue Dam
- CAB7D0
≈ Softly Softly
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.28:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--canyon-trail: #d6b8a9;
--canyon-trail-rgb: 214 184 169;
--canyon-trail-oklch: oklch(0.804 0.04 48.2);
}
.element {
color: var(--canyon-trail);
background-color: hsl(20 35% 75%);
border-color: oklch(0.804 0.04 48.2);
}Tailwind CSS v4
@theme {
--color-canyon-trail: #d6b8a9;
--color-canyon-trail-50: #fff2eb;
--color-canyon-trail-100: #f4e4dc;
--color-canyon-trail-200: #e3d0c5;
--color-canyon-trail-300: #c9b2a5;
--color-canyon-trail-400: #b3988a;
--color-canyon-trail-500: #9d7f6f;
--color-canyon-trail-600: #856b5e;
--color-canyon-trail-700: #6b564b;
--color-canyon-trail-800: #4f3e37;
--color-canyon-trail-900: #372b25;
--color-canyon-trail-950: #221814;
}SCSS
$canyon-trail: #d6b8a9;
$canyon-trail-rgb: 214, 184, 169;
$canyon-trail-light: mix(#fff, $canyon-trail, 20%);
$canyon-trail-dark: mix(#000, $canyon-trail, 20%);
.element {
color: $canyon-trail;
box-shadow: 0 0 0 2px rgba($canyon-trail, 0.35);
}