Nächste benannte Farbe · #B1B5A5
#B1B5A5
Nächste benannte Farbe: Gargoyle
#B1B5A5 (rgb(177 181 165), hsl(75 10% 68%), oklch(0.765 0.023 118.4)) liegt am nächsten an der benannten Farbe Gargoyle. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B1B5A5
oklch(0.765 0.023 118.4)
Farbumrechnungen
- HEX
- #b1b5a5
- RGB
- rgb(177 181 165)
- HSL
- hsl(75 10% 68%)
- HWB
- hwb(75 65% 29%)
- OKLCH
- oklch(0.765 0.023 118.4)
- OKLab
- oklab(0.765 -0.011 0.02)
- CIE Lab
- lab(73.02 -3.62 7.67)
- LCH
- lch(73.02 8.49 115.3)
- CMYK
- cmyk(2% 0% 9% 29%)
Tints · Shades · Tones
Tints
- B9BCAE
- C0C3B6
- C8CBBF
- D0D2C8
- D7D9D1
- DFE1DA
- E7E8E3
- EFF0EC
- F7F7F6
Shades
- 999D8F
- 838679
- 6C6F65
- 575951
- 42443D
- 2F302B
- 1C1D1A
- 0C0C0A
- 010201
Tones
- ACB0A1
- A7AA9E
- A2A59A
- 9D9F96
- 989A92
- 93958F
- 8E908B
- 8A8A87
- 858584
Farbharmonien
Komplementär +180°
- B1B5A5
Gargoyle
- B4B0C0
≈ Dreamland
Analog -30° +30°
- B1B5A5
Gargoyle
- B9B2A3
≈ Silver Taupe
- A9B7AB
≈ Sigh of Relief
Triadisch +120° +240°
- B1B5A5
Gargoyle
- A6B5C0
≈ Intercoastal Grey
- C0ADB2
≈ Lavender Scent
Geteilt komplementär +150° +210°
- B1B5A5
Gargoyle
- ACB3C2
≈ Chivalrous
- BBAEBA
≈ Luminous Light
Tetradisch +90° +180° +270°
- B1B5A5
Gargoyle
- A3B7BA
≈ Blue by You
- B4B0C0
≈ Dreamland
- C1AEAB
≈ Perdu Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.02:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--gargoyle: #b1b5a5;
--gargoyle-rgb: 177 181 165;
--gargoyle-oklch: oklch(0.765 0.023 118.4);
}
.element {
color: var(--gargoyle);
background-color: hsl(75 10% 68%);
border-color: oklch(0.765 0.023 118.4);
}Tailwind CSS v4
@theme {
--color-gargoyle: #b1b5a5;
--color-gargoyle-50: #f4f6ef;
--color-gargoyle-100: #e7e9e1;
--color-gargoyle-200: #d3d6cb;
--color-gargoyle-300: #b5b9ad;
--color-gargoyle-400: #9da092;
--color-gargoyle-500: #848878;
--color-gargoyle-600: #707365;
--color-gargoyle-700: #5a5c51;
--color-gargoyle-800: #42433b;
--color-gargoyle-900: #2d2f28;
--color-gargoyle-950: #1a1b16;
}SCSS
$gargoyle: #b1b5a5;
$gargoyle-rgb: 177, 181, 165;
$gargoyle-light: mix(#fff, $gargoyle, 20%);
$gargoyle-dark: mix(#000, $gargoyle, 20%);
.element {
color: $gargoyle;
box-shadow: 0 0 0 2px rgba($gargoyle, 0.35);
}