Benannte Farbe · #B0BFB6
Grey Embrace
Grey Embrace ist #B0BFB6: rgb(176 191 182), hsl(144 10% 72%), oklch(0.79 0.021 159.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grey Embrace color name →
#B0BFB6
oklch(0.79 0.021 159.6)
Farbumrechnungen
- HEX
- #b0bfb6
- RGB
- rgb(176 191 182)
- HSL
- hsl(144 10% 72%)
- HWB
- hwb(144 69% 25%)
- OKLCH
- oklch(0.79 0.021 159.6)
- OKLab
- oklab(0.79 -0.019 0.007)
- CIE Lab
- lab(75.97 -6.64 2.69)
- LCH
- lch(75.97 7.16 157.9)
- CMYK
- cmyk(8% 0% 5% 25%)
Tints · Shades · Tones
Tints
- B8C5BD
- BFCCC4
- C7D2CB
- CFD8D3
- D7DFDA
- DFE5E1
- E7EBE9
- EFF2F0
- F7F8F8
Shades
- 99A69E
- 828D86
- 6C756F
- 565E59
- 424844
- 2E3330
- 1C1F1D
- 0B0D0C
- 010202
Tones
- ABB9B0
- A6B2AB
- A1ACA5
- 9DA5A0
- 989F9B
- 939995
- 8E9290
- 898C8B
- 858685
Farbharmonien
Komplementär +180°
- B0BFB6
Grey Embrace
- C4B6BF
≈ Lavender Sand
Analog -30° +30°
- B0BFB6
Grey Embrace
- B6BEB0
≈ Kahili
- ACBFBD
≈ Morning Parlour
Triadisch +120° +240°
- B0BFB6
Grey Embrace
- B8BAC8
≈ Silverado Trail
- C7B7B1
≈ Grey Rose
Geteilt komplementär +150° +210°
- B0BFB6
Grey Embrace
- BFB7C5
≈ Pocketful of Posies
- C7B6B8
≈ Studio Mauve
Tetradisch +90° +180° +270°
- B0BFB6
Grey Embrace
- B1BCC8
≈ Spirit
- C4B6BF
≈ Lavender Sand
- C4B9AD
≈ Luxe Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.97:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--grey-embrace: #b0bfb6;
--grey-embrace-rgb: 176 191 182;
--grey-embrace-oklch: oklch(0.79 0.021 159.6);
}
.element {
color: var(--grey-embrace);
background-color: hsl(144 10% 72%);
border-color: oklch(0.79 0.021 159.6);
}Tailwind CSS v4
@theme {
--color-grey-embrace: #b0bfb6;
--color-grey-embrace-50: #f0f7f3;
--color-grey-embrace-100: #e2eae6;
--color-grey-embrace-200: #cdd7d1;
--color-grey-embrace-300: #afbbb4;
--color-grey-embrace-400: #95a29a;
--color-grey-embrace-500: #7b8b81;
--color-grey-embrace-600: #68756d;
--color-grey-embrace-700: #535e58;
--color-grey-embrace-800: #3d4540;
--color-grey-embrace-900: #2a2f2c;
--color-grey-embrace-950: #171c19;
}SCSS
$grey-embrace: #b0bfb6;
$grey-embrace-rgb: 176, 191, 182;
$grey-embrace-light: mix(#fff, $grey-embrace, 20%);
$grey-embrace-dark: mix(#000, $grey-embrace, 20%);
.element {
color: $grey-embrace;
box-shadow: 0 0 0 2px rgba($grey-embrace, 0.35);
}