Nazwany kolor · #BAC3B9
Bog Fog
Bog Fog to #BAC3B9: rgb(186 195 185), hsl(114 8% 75%), oklch(0.807 0.017 142.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bog Fog color name →
#BAC3B9
oklch(0.807 0.017 142.5)
Konwersje koloru
- HEX
- #bac3b9
- RGB
- rgb(186 195 185)
- HSL
- hsl(114 8% 75%)
- HWB
- hwb(114 73% 24%)
- OKLCH
- oklch(0.807 0.017 142.5)
- OKLab
- oklab(0.807 -0.013 0.01)
- CIE Lab
- lab(77.87 -4.6 3.91)
- LCH
- lch(77.87 6.04 139.6)
- CMYK
- cmyk(5% 0% 5% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1C9C0
- C7CFC7
- CED5CE
- D5DBD5
- DCE1DB
- E3E7E3
- EAEDEA
- F1F3F1
- F8F9F8
Odcienie ciemniejsze
- A1A9A0
- 899089
- 727871
- 5C605B
- 464A46
- 323431
- 1E201E
- 0D0E0D
- 020202
Tony
- B4BCB3
- AEB5AD
- A8AEA8
- A2A8A2
- 9DA19C
- 979A96
- 919491
- 8B8D8B
- 868686
Harmonie kolorów
Komplementarna +180°
- BAC3B9
Bog Fog
- C6BDC7
≈ Stately Frills
Analogowa -30° +30°
- BAC3B9
Bog Fog
- C0C1B5
≈ Light Patina
- B6C4BF
≈ Patina Creek
Triada +120° +240°
- BAC3B9
Bog Fog
- BAC0CB
≈ Misty Morning Dew
- CBBCBB
≈ Silentropae Cloud
Komplementarna rozszczepiona +150° +210°
- BAC3B9
Bog Fog
- C0BECA
≈ Gentleman’s Suit
- C9BCC1
≈ Moon Buggy
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.59:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--bog-fog: #bac3b9;
--bog-fog-rgb: 186 195 185;
--bog-fog-oklch: oklch(0.807 0.017 142.5);
}
.element {
color: var(--bog-fog);
background-color: hsl(114 8% 75%);
border-color: oklch(0.807 0.017 142.5);
}Tailwind CSS v4
@theme {
--color-bog-fog: #bac3b9;
--color-bog-fog-50: #f2f6f2;
--color-bog-fog-100: #e4e9e4;
--color-bog-fog-200: #d0d6d0;
--color-bog-fog-300: #b2bab2;
--color-bog-fog-400: #99a198;
--color-bog-fog-500: #80897f;
--color-bog-fog-600: #6c746b;
--color-bog-fog-700: #575d56;
--color-bog-fog-800: #3f443e;
--color-bog-fog-900: #2c2f2b;
--color-bog-fog-950: #191b18;
}SCSS
$bog-fog: #bac3b9;
$bog-fog-rgb: 186, 195, 185;
$bog-fog-light: mix(#fff, $bog-fog, 20%);
$bog-fog-dark: mix(#000, $bog-fog, 20%);
.element {
color: $bog-fog;
box-shadow: 0 0 0 2px rgba($bog-fog, 0.35);
}