Colore con nome · #B8B0A5
Ask Me Anything
Ask Me Anything è #B8B0A5: rgb(184 176 165), hsl(35 12% 68%), oklch(0.761 0.018 76.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ask Me Anything color name →
#B8B0A5
oklch(0.761 0.018 76.1)
Conversioni di colore
- HEX
- #b8b0a5
- RGB
- rgb(184 176 165)
- HSL
- hsl(35 12% 68%)
- HWB
- hwb(35 65% 28%)
- OKLCH
- oklch(0.761 0.018 76.1)
- OKLab
- oklab(0.761 0.004 0.017)
- CIE Lab
- lab(72.27 1.52 6.73)
- LCH
- lch(72.27 6.9 77.3)
- CMYK
- cmyk(0% 4% 10% 28%)
Tinte · Ombre · Toni
Tinte
- BFB8AE
- C6BFB6
- CDC7BF
- D4CFC8
- DBD7D1
- E2DFDA
- E9E7E3
- F0EFEC
- F8F7F6
Ombre
- A0998F
- 888279
- 716C65
- 5B5651
- 45423D
- 312E2B
- 1E1C1A
- 0C0B0A
- 020101
Toni
- B2ABA1
- ADA69D
- A7A19A
- A19C96
- 9C9892
- 96938F
- 908E8B
- 8B8987
- 858584
Armonie di colore
Complementare +180°
- B8B0A5
Ask Me Anything
- AAB2BD
≈ Grey Agate
Analogo -30° +30°
- B8B0A5
Ask Me Anything
- BCAEA8
≈ Taupedo
- B2B2A5
≈ Rigani
Triadico +120° +240°
- B8B0A5
Ask Me Anything
- A5B5B5
≈ Marine Layer
- B6AEB9
≈ Audition
Complementare divisa +150° +210°
- B8B0A5
Ask Me Anything
- A6B4BA
≈ Shark Loop
- B0B0BD
≈ Veiled Delight
Tetradico +90° +180° +270°
- B8B0A5
Ask Me Anything
- A7B5AF
≈ Frozen Pond
- AAB2BD
≈ Grey Agate
- BAADB4
≈ Angel Finger
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.79:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--ask-me-anything: #b8b0a5;
--ask-me-anything-rgb: 184 176 165;
--ask-me-anything-oklch: oklch(0.761 0.018 76.1);
}
.element {
color: var(--ask-me-anything);
background-color: hsl(35 12% 68%);
border-color: oklch(0.761 0.018 76.1);
}Tailwind CSS v4
@theme {
--color-ask-me-anything: #b8b0a5;
--color-ask-me-anything-50: #f8f5ef;
--color-ask-me-anything-100: #ebe7e1;
--color-ask-me-anything-200: #d8d3cc;
--color-ask-me-anything-300: #bcb6ad;
--color-ask-me-anything-400: #a59d93;
--color-ask-me-anything-500: #8d8579;
--color-ask-me-anything-600: #777067;
--color-ask-me-anything-700: #605a52;
--color-ask-me-anything-800: #46423c;
--color-ask-me-anything-900: #312d29;
--color-ask-me-anything-950: #1d1a17;
}SCSS
$ask-me-anything: #b8b0a5;
$ask-me-anything-rgb: 184, 176, 165;
$ask-me-anything-light: mix(#fff, $ask-me-anything, 20%);
$ask-me-anything-dark: mix(#000, $ask-me-anything, 20%);
.element {
color: $ask-me-anything;
box-shadow: 0 0 0 2px rgba($ask-me-anything, 0.35);
}