Benannte Farbe · #B8B0A5
Ask Me Anything
Ask Me Anything ist #B8B0A5: rgb(184 176 165), hsl(35 12% 68%), oklch(0.761 0.018 76.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ask Me Anything color name →
#B8B0A5
oklch(0.761 0.018 76.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- BFB8AE
- C6BFB6
- CDC7BF
- D4CFC8
- DBD7D1
- E2DFDA
- E9E7E3
- F0EFEC
- F8F7F6
Shades
- A0998F
- 888279
- 716C65
- 5B5651
- 45423D
- 312E2B
- 1E1C1A
- 0C0B0A
- 020101
Tones
- B2ABA1
- ADA69D
- A7A19A
- A19C96
- 9C9892
- 96938F
- 908E8B
- 8B8987
- 858584
Farbharmonien
Komplementär +180°
- B8B0A5
Ask Me Anything
- AAB2BD
≈ Grey Agate
Analog -30° +30°
- B8B0A5
Ask Me Anything
- BCAEA8
≈ Taupedo
- B2B2A5
≈ Rigani
Triadisch +120° +240°
- B8B0A5
Ask Me Anything
- A5B5B5
≈ Marine Layer
- B6AEB9
≈ Audition
Geteilt komplementär +150° +210°
- B8B0A5
Ask Me Anything
- A6B4BA
≈ Shark Loop
- B0B0BD
≈ Veiled Delight
Tetradisch +90° +180° +270°
- B8B0A5
Ask Me Anything
- A7B5AF
≈ Frozen Pond
- AAB2BD
≈ Grey Agate
- BAADB4
≈ Angel Finger
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.79:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
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);
}