Colore con nome · #B9A1AE
Highland Thistle
Highland Thistle è #B9A1AE: rgb(185 161 174), hsl(328 15% 68%), oklch(0.734 0.033 344.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Highland Thistle color name →
#B9A1AE
oklch(0.734 0.033 344.1)
Conversioni di colore
- HEX
- #b9a1ae
- RGB
- rgb(185 161 174)
- HSL
- hsl(328 15% 68%)
- HWB
- hwb(328 63% 27%)
- OKLCH
- oklch(0.734 0.033 344.1)
- OKLab
- oklab(0.734 0.032 -0.009)
- CIE Lab
- lab(68.69 10.76 -3.34)
- LCH
- lch(68.69 11.27 342.7)
- CMYK
- cmyk(0% 13% 6% 27%)
Tinte · Ombre · Toni
Tinte
- C0AAB6
- C7B3BE
- CEBCC6
- D5C6CE
- DCCFD6
- E3D9DE
- EAE2E6
- F1ECEE
- F8F5F7
Ombre
- A08B97
- 897680
- 71626A
- 5B4E55
- 463C41
- 312A2E
- 1E191C
- 0D090B
- 020101
Toni
- B39EA9
- AD9AA5
- A897A0
- A2949B
- 9C9097
- 978D92
- 918A8E
- 8B8789
- 868384
Armonie di colore
Complementare +180°
- B9A1AE
Highland Thistle
- 97B0A3
≈ Phoenix Tears
Analogo -30° +30°
- B9A1AE
Highland Thistle
- B1A3B8
≈ Obi Lilac
- BDA1A2
≈ Foggy Quartz
Triadico +120° +240°
- B9A1AE
Highland Thistle
- ACAA93
≈ Spartan Stone
- 93AEB9
≈ Showcase Blue
Complementare divisa +150° +210°
- B9A1AE
Highland Thistle
- A0AE99
≈ Drizzle
- 92B0AF
≈ Undersea
Tetradico +90° +180° +270°
- B9A1AE
Highland Thistle
- B6A692
≈ Façade
- 97B0A3
≈ Phoenix Tears
- 9BABBE
≈ Blue Fog
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.77:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--highland-thistle: #b9a1ae;
--highland-thistle-rgb: 185 161 174;
--highland-thistle-oklch: oklch(0.734 0.033 344.1);
}
.element {
color: var(--highland-thistle);
background-color: hsl(328 15% 68%);
border-color: oklch(0.734 0.033 344.1);
}Tailwind CSS v4
@theme {
--color-highland-thistle: #b9a1ae;
--color-highland-thistle-50: #fdf1f7;
--color-highland-thistle-100: #f1e4ea;
--color-highland-thistle-200: #e0cfd7;
--color-highland-thistle-300: #c5b1bb;
--color-highland-thistle-400: #ae97a3;
--color-highland-thistle-500: #977e8c;
--color-highland-thistle-600: #806a76;
--color-highland-thistle-700: #66555e;
--color-highland-thistle-800: #4b3e46;
--color-highland-thistle-900: #342b30;
--color-highland-thistle-950: #1f181c;
}SCSS
$highland-thistle: #b9a1ae;
$highland-thistle-rgb: 185, 161, 174;
$highland-thistle-light: mix(#fff, $highland-thistle, 20%);
$highland-thistle-dark: mix(#000, $highland-thistle, 20%);
.element {
color: $highland-thistle;
box-shadow: 0 0 0 2px rgba($highland-thistle, 0.35);
}