Nazwany kolor · #B0BACC
Heritage
Heritage to #B0BACC: rgb(176 186 204), hsl(219 22% 75%), oklch(0.787 0.028 262.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Heritage color name →
#B0BACC
oklch(0.787 0.028 262.3)
Konwersje koloru
- HEX
- #b0bacc
- RGB
- rgb(176 186 204)
- HSL
- hsl(219 22% 75%)
- HWB
- hwb(219 69% 20%)
- OKLCH
- oklch(0.787 0.028 262.3)
- OKLab
- oklab(0.787 -0.004 -0.028)
- CIE Lab
- lab(75.15 -0.86 -10.37)
- LCH
- lch(75.15 10.4 265.3)
- CMYK
- cmyk(14% 9% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8C1D1
- BFC8D6
- C7CEDB
- CFD5E0
- D7DCE5
- DFE3EA
- E7EAF0
- EFF1F5
- F7F8FA
Odcienie ciemniejsze
- 99A1B1
- 828997
- 6C727E
- 565C65
- 42464E
- 2E3237
- 1C1E22
- 0B0D0F
- 010202
Tony
- ABB4C4
- A6AEBC
- A1A8B5
- 9CA2AD
- 989DA5
- 93979E
- 8E9196
- 898B8F
- 858687
Harmonie kolorów
Komplementarna +180°
- B0BACC
Heritage
- C2B8A6
≈ Pasha Brown
Analogowa -30° +30°
- B0BACC
Heritage
- A9BDC9
≈ Glacier Mist
- B9B7CA
≈ Winter Dusk
Triada +120° +240°
- B0BACC
Heritage
- CBB3B1
≈ Puka Shell
- B0BEAE
≈ Cottage Charm
Komplementarna rozszczepiona +150° +210°
- B0BACC
Heritage
- C9B5AA
≈ River Clay
- B9BCA8
≈ Softened Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.74:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--heritage: #b0bacc;
--heritage-rgb: 176 186 204;
--heritage-oklch: oklch(0.787 0.028 262.3);
}
.element {
color: var(--heritage);
background-color: hsl(219 22% 75%);
border-color: oklch(0.787 0.028 262.3);
}Tailwind CSS v4
@theme {
--color-heritage: #b0bacc;
--color-heritage-50: #f1f5fd;
--color-heritage-100: #e3e8f2;
--color-heritage-200: #ced4e1;
--color-heritage-300: #b0b8c6;
--color-heritage-400: #969faf;
--color-heritage-500: #7c8799;
--color-heritage-600: #697282;
--color-heritage-700: #545b68;
--color-heritage-800: #3d434c;
--color-heritage-900: #2a2e35;
--color-heritage-950: #171b20;
}SCSS
$heritage: #b0bacc;
$heritage-rgb: 176, 186, 204;
$heritage-light: mix(#fff, $heritage, 20%);
$heritage-dark: mix(#000, $heritage, 20%);
.element {
color: $heritage;
box-shadow: 0 0 0 2px rgba($heritage, 0.35);
}