Nazwany kolor · #B0B8CC
Ethereal Mist
Ethereal Mist to #B0B8CC: rgb(176 184 204), hsl(223 22% 75%), oklch(0.783 0.03 268.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ethereal Mist color name →
#B0B8CC
oklch(0.783 0.03 268.3)
Konwersje koloru
- HEX
- #b0b8cc
- RGB
- rgb(176 184 204)
- HSL
- hsl(223 22% 75%)
- HWB
- hwb(223 69% 20%)
- OKLCH
- oklch(0.783 0.03 268.3)
- OKLab
- oklab(0.783 -0.001 -0.03)
- CIE Lab
- lab(74.62 0.15 -11.15)
- LCH
- lch(74.62 11.15 270.8)
- CMYK
- cmyk(14% 10% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8BFD1
- BFC6D6
- C7CDDB
- CFD4E0
- D7DBE5
- DFE2EA
- E7E9F0
- EFF0F5
- F7F8FA
Odcienie ciemniejsze
- 99A0B1
- 828897
- 6C717E
- 565B65
- 42454E
- 2E3137
- 1C1E22
- 0B0C0F
- 010202
Tony
- ABB2C4
- A6ADBC
- A1A7B5
- 9CA1AD
- 989CA5
- 93969E
- 8E9096
- 898B8F
- 858587
Harmonie kolorów
Komplementarna +180°
- B0B8CC
Ethereal Mist
- C0B8A3
≈ Tidal Foam
Analogowa -30° +30°
- B0B8CC
Ethereal Mist
- A7BBC9
≈ Windy Blue
- BAB4C9
≈ Bohemianism
Triada +120° +240°
- B0B8CC
Ethereal Mist
- CBB2AE
≈ Garden Snail
- ACBEAE
≈ Cottage Charm
Komplementarna rozszczepiona +150° +210°
- B0B8CC
Ethereal Mist
- C7B4A6
≈ Cool Beige
- B6BBA6
≈ Tickled Crow
Tetrada +90° +180° +270°
- B0B8CC
Ethereal Mist
- C9B1B8
≈ Calm Cupid
- C0B8A3
≈ Tidal Foam
- A5BFB8
≈ Botanical Bliss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.98:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.57:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--ethereal-mist: #b0b8cc;
--ethereal-mist-rgb: 176 184 204;
--ethereal-mist-oklch: oklch(0.783 0.03 268.3);
}
.element {
color: var(--ethereal-mist);
background-color: hsl(223 22% 75%);
border-color: oklch(0.783 0.03 268.3);
}Tailwind CSS v4
@theme {
--color-ethereal-mist: #b0b8cc;
--color-ethereal-mist-50: #f2f5fe;
--color-ethereal-mist-100: #e4e8f2;
--color-ethereal-mist-200: #cfd4e1;
--color-ethereal-mist-300: #b1b7c7;
--color-ethereal-mist-400: #979eb1;
--color-ethereal-mist-500: #7e869b;
--color-ethereal-mist-600: #6a7183;
--color-ethereal-mist-700: #555b69;
--color-ethereal-mist-800: #3e424d;
--color-ethereal-mist-900: #2a2e36;
--color-ethereal-mist-950: #181b21;
}SCSS
$ethereal-mist: #b0b8cc;
$ethereal-mist-rgb: 176, 184, 204;
$ethereal-mist-light: mix(#fff, $ethereal-mist, 20%);
$ethereal-mist-dark: mix(#000, $ethereal-mist, 20%);
.element {
color: $ethereal-mist;
box-shadow: 0 0 0 2px rgba($ethereal-mist, 0.35);
}