Colore con nome · #BACBC5
Take a Hike
Take a Hike è #BACBC5: rgb(186 203 197), hsl(159 14% 76%), oklch(0.827 0.02 172.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Take a Hike color name →
#BACBC5
oklch(0.827 0.02 172.7)
Conversioni di colore
- HEX
- #bacbc5
- RGB
- rgb(186 203 197)
- HSL
- hsl(159 14% 76%)
- HWB
- hwb(159 73% 20%)
- OKLCH
- oklch(0.827 0.02 172.7)
- OKLab
- oklab(0.827 -0.02 0.003)
- CIE Lab
- lab(80.25 -6.84 0.92)
- LCH
- lch(80.25 6.9 172.3)
- CMYK
- cmyk(8% 0% 3% 20%)
Tinte · Ombre · Toni
Tinte
- C1D0CB
- C8D5D0
- CEDAD6
- D5E0DC
- DCE5E2
- E3EAE7
- EAEFED
- F1F4F3
- F8FAF9
Ombre
- A1B0AB
- 899692
- 727D79
- 5C6561
- 464D4B
- 323735
- 1E2221
- 0D0F0E
- 020202
Toni
- B4C3BE
- AEBCB7
- A8B4B0
- A2ACA9
- 9DA5A2
- 979D9B
- 919694
- 8B8E8D
- 868787
Armonie di colore
Complementare +180°
- BACBC5
Take a Hike
- D2C1C8
≈ Aroma
Analogo -30° +30°
- BACBC5
Take a Hike
- BFCABE
≈ Desert Panzer
- B8CBCC
≈ Blue Shale
Triadico +120° +240°
- BACBC5
Take a Hike
- C6C4D3
≈ Kiri Mist
- D2C3BB
≈ Josephine
Complementare divisa +150° +210°
- BACBC5
Take a Hike
- CDC2CE
≈ Amethyst Light Violet
- D3C2C0
≈ French Taupe
Tetradico +90° +180° +270°
- BACBC5
Take a Hike
- C0C7D4
≈ Northern Exposure
- D2C1C8
≈ Aroma
- CDC6B8
≈ Tombstone Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.43:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--take-a-hike: #bacbc5;
--take-a-hike-rgb: 186 203 197;
--take-a-hike-oklch: oklch(0.827 0.02 172.7);
}
.element {
color: var(--take-a-hike);
background-color: hsl(159 14% 76%);
border-color: oklch(0.827 0.02 172.7);
}Tailwind CSS v4
@theme {
--color-take-a-hike: #bacbc5;
--color-take-a-hike-50: #f0f7f5;
--color-take-a-hike-100: #e1eae7;
--color-take-a-hike-200: #ccd7d3;
--color-take-a-hike-300: #adbbb7;
--color-take-a-hike-400: #93a39d;
--color-take-a-hike-500: #798b85;
--color-take-a-hike-600: #677570;
--color-take-a-hike-700: #525e5a;
--color-take-a-hike-800: #3c4541;
--color-take-a-hike-900: #29302d;
--color-take-a-hike-950: #171c1a;
}SCSS
$take-a-hike: #bacbc5;
$take-a-hike-rgb: 186, 203, 197;
$take-a-hike-light: mix(#fff, $take-a-hike, 20%);
$take-a-hike-dark: mix(#000, $take-a-hike, 20%);
.element {
color: $take-a-hike;
box-shadow: 0 0 0 2px rgba($take-a-hike, 0.35);
}