Colore con nome · #B4BFC2
Grey Brook
Grey Brook è #B4BFC2: rgb(180 191 194), hsl(193 10% 73%), oklch(0.797 0.013 215.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Brook color name →
#B4BFC2
oklch(0.797 0.013 215.8)
Conversioni di colore
- HEX
- #b4bfc2
- RGB
- rgb(180 191 194)
- HSL
- hsl(193 10% 73%)
- HWB
- hwb(193 71% 24%)
- OKLCH
- oklch(0.797 0.013 215.8)
- OKLab
- oklab(0.797 -0.01 -0.008)
- CIE Lab
- lab(76.54 -3.49 -2.9)
- LCH
- lch(76.54 4.54 219.7)
- CMYK
- cmyk(7% 2% 0% 24%)
Tinte · Ombre · Toni
Tinte
- BBC5C8
- C3CCCE
- CAD2D4
- D1D8DA
- D9DFE0
- E0E5E6
- E8EBEC
- F0F2F3
- F7F8F9
Ombre
- 9CA6A8
- 858D8F
- 6E7577
- 585E60
- 444849
- 303334
- 1D1F20
- 0C0D0E
- 020202
Toni
- AFB9BB
- A9B2B4
- A4ACAE
- 9FA5A7
- 9A9FA0
- 94999A
- 8F9293
- 8A8C8D
- 858686
Armonie di colore
Complementare +180°
- B4BFC2
Grey Brook
- C5BAB7
≈ Japanese Poet
Analogo -30° +30°
- B4BFC2
Grey Brook
- B4C0BE
≈ Rocky Mountain Sky
- B6BEC5
≈ Silver Springs
Triadico +120° +240°
- B4BFC2
Grey Brook
- C2BAC0
≈ Lilac Marble
- BFBDB4
≈ Argos
Complementare divisa +150° +210°
- B4BFC2
Grey Brook
- C5B9BB
≈ Studio Mauve
- C3BBB4
≈ Soft Dove
Tetradico +90° +180° +270°
- B4BFC2
Grey Brook
- BFBBC4
≈ Silver Fox
- C5BAB7
≈ Japanese Poet
- BBBEB6
≈ Argos
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.17:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-brook: #b4bfc2;
--grey-brook-rgb: 180 191 194;
--grey-brook-oklch: oklch(0.797 0.013 215.8);
}
.element {
color: var(--grey-brook);
background-color: hsl(193 10% 73%);
border-color: oklch(0.797 0.013 215.8);
}Tailwind CSS v4
@theme {
--color-grey-brook: #b4bfc2;
--color-grey-brook-50: #f1f6f7;
--color-grey-brook-100: #e3e9eb;
--color-grey-brook-200: #ced6d8;
--color-grey-brook-300: #b0b9bc;
--color-grey-brook-400: #96a0a3;
--color-grey-brook-500: #7d888c;
--color-grey-brook-600: #6a7376;
--color-grey-brook-700: #555c5e;
--color-grey-brook-800: #3e4445;
--color-grey-brook-900: #2a2f30;
--color-grey-brook-950: #181b1c;
}SCSS
$grey-brook: #b4bfc2;
$grey-brook-rgb: 180, 191, 194;
$grey-brook-light: mix(#fff, $grey-brook, 20%);
$grey-brook-dark: mix(#000, $grey-brook, 20%);
.element {
color: $grey-brook;
box-shadow: 0 0 0 2px rgba($grey-brook, 0.35);
}