Benannte Farbe · #B8B0AF
Grey Scape
Grey Scape ist #B8B0AF: rgb(184 176 175), hsl(7 6% 70%), oklch(0.764 0.009 26). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grey Scape color name →
#B8B0AF
oklch(0.764 0.009 26)
Farbumrechnungen
- HEX
- #b8b0af
- RGB
- rgb(184 176 175)
- HSL
- hsl(7 6% 70%)
- HWB
- hwb(7 69% 28%)
- OKLCH
- oklch(0.764 0.009 26)
- OKLab
- oklab(0.764 0.008 0.004)
- CIE Lab
- lab(72.49 2.81 1.58)
- LCH
- lch(72.49 3.23 29.4)
- CMYK
- cmyk(0% 4% 5% 28%)
Tints · Shades · Tones
Tints
- BFB8B7
- C6BFBF
- CDC7C6
- D4CFCE
- DBD7D6
- E2DFDE
- E9E7E6
- F0EFEF
- F8F7F7
Shades
- A09998
- 888281
- 716C6B
- 5B5656
- 454241
- 312E2E
- 1E1C1C
- 0C0B0B
- 020101
Tones
- B2ABAA
- ADA6A5
- A7A1A1
- A19C9C
- 9C9897
- 969392
- 908E8E
- 8B8989
- 858585
Farbharmonien
Komplementär +180°
- B8B0AF
Grey Scape
- ACB4B5
≈ Nautical Star
Analog -30° +30°
- B8B0AF
Grey Scape
- B7B0B2
≈ Grey Scape
- B7B1AD
≈ Classic Cool
Triadisch +120° +240°
- B8B0AF
Grey Scape
- AFB4AF
≈ Magnetic
- AFB2B8
≈ High Rise
Geteilt komplementär +150° +210°
- B8B0AF
Grey Scape
- ACB4B2
≈ Vinalhaven
- ADB3B7
≈ High Rise
Tetradisch +90° +180° +270°
- B8B0AF
Grey Scape
- B2B3AC
≈ Steam Engine
- ACB4B5
≈ Nautical Star
- B2B1B8
≈ Swanky Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.12:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.86:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.86:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--grey-scape: #b8b0af;
--grey-scape-rgb: 184 176 175;
--grey-scape-oklch: oklch(0.764 0.009 26);
}
.element {
color: var(--grey-scape);
background-color: hsl(7 6% 70%);
border-color: oklch(0.764 0.009 26);
}Tailwind CSS v4
@theme {
--color-grey-scape: #b8b0af;
--color-grey-scape-50: #f8f4f4;
--color-grey-scape-100: #ebe7e6;
--color-grey-scape-200: #d8d3d2;
--color-grey-scape-300: #bcb6b5;
--color-grey-scape-400: #a49c9b;
--color-grey-scape-500: #8c8483;
--color-grey-scape-600: #77706f;
--color-grey-scape-700: #5f5959;
--color-grey-scape-800: #464141;
--color-grey-scape-900: #302d2d;
--color-grey-scape-950: #1c1a1a;
}SCSS
$grey-scape: #b8b0af;
$grey-scape-rgb: 184, 176, 175;
$grey-scape-light: mix(#fff, $grey-scape, 20%);
$grey-scape-dark: mix(#000, $grey-scape, 20%);
.element {
color: $grey-scape;
box-shadow: 0 0 0 2px rgba($grey-scape, 0.35);
}