Nazwany kolor · #B9B2A9
Requisite Grey
Requisite Grey to #B9B2A9: rgb(185 178 169), hsl(34 10% 69%), oklch(0.767 0.015 74.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Requisite Grey color name →
#B9B2A9
oklch(0.767 0.015 74.4)
Konwersje koloru
- HEX
- #b9b2a9
- RGB
- rgb(185 178 169)
- HSL
- hsl(34 10% 69%)
- HWB
- hwb(34 66% 27%)
- OKLCH
- oklch(0.767 0.015 74.4)
- OKLab
- oklab(0.767 0.004 0.014)
- CIE Lab
- lab(72.97 1.39 5.55)
- LCH
- lch(72.97 5.72 75.9)
- CMYK
- cmyk(0% 4% 9% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0B9B1
- C7C1BA
- CEC9C2
- D5D0CB
- DBD8D3
- E3E0DC
- EAE7E5
- F1EFED
- F8F7F6
Odcienie ciemniejsze
- A09A92
- 89837C
- 716D67
- 5B5753
- 46433F
- 312F2C
- 1E1D1B
- 0D0C0A
- 020101
Tony
- B3ADA5
- ADA8A1
- A8A39D
- A29E98
- 9C9994
- 969490
- 918F8C
- 8B8A88
- 868584
Harmonie kolorów
Komplementarna +180°
- B9B2A9
Requisite Grey
- ADB4BD
≈ Cloud Cover
Analogowa -30° +30°
- B9B2A9
Requisite Grey
- BCB0AC
≈ London Coach
- B4B4A9
≈ Arid Plains
Triada +120° +240°
- B9B2A9
Requisite Grey
- A9B6B6
≈ Blue Arrow
- B7B0BA
≈ Down Dog
Komplementarna rozszczepiona +150° +210°
- B9B2A9
Requisite Grey
- AAB5BA
≈ Casper
- B2B2BD
≈ Glistening Grey
Tetrada +90° +180° +270°
- B9B2A9
Requisite Grey
- ABB6B1
≈ Periglacial Blue
- ADB4BD
≈ Cloud Cover
- BBB0B5
≈ Antique Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.00:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--requisite-grey: #b9b2a9;
--requisite-grey-rgb: 185 178 169;
--requisite-grey-oklch: oklch(0.767 0.015 74.4);
}
.element {
color: var(--requisite-grey);
background-color: hsl(34 10% 69%);
border-color: oklch(0.767 0.015 74.4);
}Tailwind CSS v4
@theme {
--color-requisite-grey: #b9b2a9;
--color-requisite-grey-50: #f8f5f0;
--color-requisite-grey-100: #ebe7e2;
--color-requisite-grey-200: #d8d3cd;
--color-requisite-grey-300: #bcb6af;
--color-requisite-grey-400: #a49d95;
--color-requisite-grey-500: #8c857b;
--color-requisite-grey-600: #777069;
--color-requisite-grey-700: #5f5a54;
--color-requisite-grey-800: #46423d;
--color-requisite-grey-900: #302d2a;
--color-requisite-grey-950: #1c1a17;
}SCSS
$requisite-grey: #b9b2a9;
$requisite-grey-rgb: 185, 178, 169;
$requisite-grey-light: mix(#fff, $requisite-grey, 20%);
$requisite-grey-dark: mix(#000, $requisite-grey, 20%);
.element {
color: $requisite-grey;
box-shadow: 0 0 0 2px rgba($requisite-grey, 0.35);
}