Benannte Farbe · #B7B9B5
Greystone
Greystone ist #B7B9B5: rgb(183 185 181), hsl(90 3% 72%), oklch(0.783 0.006 128.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Greystone color name →
#B7B9B5
oklch(0.783 0.006 128.5)
Farbumrechnungen
- HEX
- #b7b9b5
- RGB
- rgb(183 185 181)
- HSL
- hsl(90 3% 72%)
- HWB
- hwb(90 71% 27%)
- OKLCH
- oklch(0.783 0.006 128.5)
- OKLab
- oklab(0.783 -0.004 0.005)
- CIE Lab
- lab(74.9 -1.28 1.78)
- LCH
- lch(74.9 2.19 125.7)
- CMYK
- cmyk(1% 0% 2% 27%)
Tints · Shades · Tones
Tints
- BEC0BC
- C5C7C3
- CCCECB
- D3D4D2
- DADBD9
- E2E3E1
- E9EAE8
- F0F1F0
- F8F8F7
Shades
- 9FA09D
- 878986
- 70716F
- 5A5B59
- 454644
- 313130
- 1E1E1D
- 0C0D0C
- 020202
Tones
- B1B3B0
- ACADAA
- A6A8A5
- A1A29F
- 9B9C9A
- 969695
- 909190
- 8B8B8A
- 858685
Farbharmonien
Komplementär +180°
- B7B9B5
Greystone
- B9B7BB
≈ Best in Show
Analog -30° +30°
- B7B9B5
Greystone
- B9B8B4
≈ Classic Silver
- B5B9B7
≈ Lunar Surface
Triadisch +120° +240°
- B7B9B5
Greystone
- B5B9BC
≈ Let It Rain
- BCB7B7
≈ Geneva Morn
Geteilt komplementär +150° +210°
- B7B9B5
Greystone
- B7B8BC
≈ Let It Rain
- BBB7B9
≈ Geneva Morn
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.62:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--greystone: #b7b9b5;
--greystone-rgb: 183 185 181;
--greystone-oklch: oklch(0.783 0.006 128.5);
}
.element {
color: var(--greystone);
background-color: hsl(90 3% 72%);
border-color: oklch(0.783 0.006 128.5);
}Tailwind CSS v4
@theme {
--color-greystone: #b7b9b5;
--color-greystone-50: #f4f5f4;
--color-greystone-100: #e7e8e6;
--color-greystone-200: #d3d5d2;
--color-greystone-300: #b6b8b5;
--color-greystone-400: #9d9f9b;
--color-greystone-500: #858783;
--color-greystone-600: #70726f;
--color-greystone-700: #5a5b58;
--color-greystone-800: #424340;
--color-greystone-900: #2d2e2c;
--color-greystone-950: #1a1b1a;
}SCSS
$greystone: #b7b9b5;
$greystone-rgb: 183, 185, 181;
$greystone-light: mix(#fff, $greystone, 20%);
$greystone-dark: mix(#000, $greystone, 20%);
.element {
color: $greystone;
box-shadow: 0 0 0 2px rgba($greystone, 0.35);
}