Benannte Farbe · #B8B5AA
Soulful Grey
Soulful Grey ist #B8B5AA: rgb(184 181 170), hsl(47 9% 69%), oklch(0.772 0.016 94.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Soulful Grey color name →
#B8B5AA
oklch(0.772 0.016 94.2)
Farbumrechnungen
- HEX
- #b8b5aa
- RGB
- rgb(184 181 170)
- HSL
- hsl(47 9% 69%)
- HWB
- hwb(47 67% 28%)
- OKLCH
- oklch(0.772 0.016 94.2)
- OKLab
- oklab(0.772 -0.001 0.016)
- CIE Lab
- lab(73.69 -0.37 6.02)
- LCH
- lch(73.69 6.03 93.5)
- CMYK
- cmyk(0% 2% 8% 28%)
Tints · Shades · Tones
Tints
- BFBCB2
- C6C3BB
- CDCBC3
- D4D2CB
- DBD9D4
- E2E1DC
- E9E8E5
- F0F0EE
- F8F7F6
Shades
- A09D93
- 88867D
- 716F68
- 5B5953
- 45443F
- 31302D
- 1E1D1B
- 0C0C0B
- 020201
Tones
- B2B0A6
- ADAAA1
- A7A59D
- A19F99
- 9C9A95
- 969591
- 90908C
- 8B8A88
- 858584
Farbharmonien
Komplementär +180°
- B8B5AA
Soulful Grey
- B2B4BF
≈ Glistening Grey
Analog -30° +30°
- B8B5AA
Soulful Grey
- BCB3AB
≈ Tide
- B3B7AC
≈ Mineral Grey
Triadisch +120° +240°
- B8B5AA
Soulful Grey
- AAB8BB
≈ Half Sea Fog
- BCB1B9
≈ Heather Hill
Geteilt komplementär +150° +210°
- B8B5AA
Soulful Grey
- ADB6BF
≈ Elliott Bay
- B7B3BD
≈ Coveted Gem
Tetradisch +90° +180° +270°
- B8B5AA
Soulful Grey
- ABB8B6
≈ Cambridge Lily
- B2B4BF
≈ Glistening Grey
- BEB1B4
≈ Black Shadows
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.05:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.22:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--soulful-grey: #b8b5aa;
--soulful-grey-rgb: 184 181 170;
--soulful-grey-oklch: oklch(0.772 0.016 94.2);
}
.element {
color: var(--soulful-grey);
background-color: hsl(47 9% 69%);
border-color: oklch(0.772 0.016 94.2);
}Tailwind CSS v4
@theme {
--color-soulful-grey: #b8b5aa;
--color-soulful-grey-50: #f6f5f0;
--color-soulful-grey-100: #e9e8e2;
--color-soulful-grey-200: #d6d4cd;
--color-soulful-grey-300: #b9b7af;
--color-soulful-grey-400: #a19e94;
--color-soulful-grey-500: #89867b;
--color-soulful-grey-600: #747268;
--color-soulful-grey-700: #5d5b53;
--color-soulful-grey-800: #44423c;
--color-soulful-grey-900: #2f2e29;
--color-soulful-grey-950: #1c1b17;
}SCSS
$soulful-grey: #b8b5aa;
$soulful-grey-rgb: 184, 181, 170;
$soulful-grey-light: mix(#fff, $soulful-grey, 20%);
$soulful-grey-dark: mix(#000, $soulful-grey, 20%);
.element {
color: $soulful-grey;
box-shadow: 0 0 0 2px rgba($soulful-grey, 0.35);
}