Colore con nome · #B8B5A1
Tana
Tana è #B8B5A1: rgb(184 181 161), hsl(52 14% 68%), oklch(0.77 0.028 100). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tana color name →
#B8B5A1
oklch(0.77 0.028 100)
Conversioni di colore
- HEX
- #b8b5a1
- RGB
- rgb(184 181 161)
- HSL
- hsl(52 14% 68%)
- HWB
- hwb(52 63% 28%)
- OKLCH
- oklch(0.77 0.028 100)
- OKLab
- oklab(0.77 -0.005 0.027)
- CIE Lab
- lab(73.51 -1.49 10.64)
- LCH
- lch(73.51 10.74 98)
- CMYK
- cmyk(0% 2% 13% 28%)
Tinte · Ombre · Toni
Tinte
- BFBCAA
- C6C3B3
- CDCBBD
- D4D2C6
- DBD9CF
- E2E1D9
- E9E8E2
- F0F0EC
- F8F7F5
Ombre
- A09D8B
- 888676
- 716F62
- 5B594E
- 45443C
- 31302A
- 1E1D19
- 0C0C09
- 020201
Toni
- B2B09E
- ACAA9A
- A7A597
- A19F94
- 9C9A90
- 96958D
- 90908A
- 8B8A87
- 858583
Armonie di colore
Complementare +180°
- B8B5A1
Tana
- B0B3C6
≈ Filtered Light
Analogo -30° +30°
Triadico +120° +240°
- B8B5A1
Tana
- A2B9C1
≈ Sterling Blue
- C1AEBA
≈ Mischief
Complementare divisa +150° +210°
- B8B5A1
Tana
- A7B6C6
≈ Paris Grey
- BAB0C2
≈ Courtly Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.16:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--tana: #b8b5a1;
--tana-rgb: 184 181 161;
--tana-oklch: oklch(0.77 0.028 100);
}
.element {
color: var(--tana);
background-color: hsl(52 14% 68%);
border-color: oklch(0.77 0.028 100);
}Tailwind CSS v4
@theme {
--color-tana: #b8b5a1;
--color-tana-50: #f6f6ed;
--color-tana-100: #e9e8de;
--color-tana-200: #d6d5c8;
--color-tana-300: #bab8a8;
--color-tana-400: #a29f8d;
--color-tana-500: #8a8772;
--color-tana-600: #757261;
--color-tana-700: #5d5b4d;
--color-tana-800: #454338;
--color-tana-900: #302e26;
--color-tana-950: #1c1b14;
}SCSS
$tana: #b8b5a1;
$tana-rgb: 184, 181, 161;
$tana-light: mix(#fff, $tana, 20%);
$tana-dark: mix(#000, $tana, 20%);
.element {
color: $tana;
box-shadow: 0 0 0 2px rgba($tana, 0.35);
}