Nazwany kolor · #B8BFDC
Stardust Evening
Stardust Evening to #B8BFDC: rgb(184 191 220), hsl(228 34% 79%), oklch(0.809 0.042 274.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Stardust Evening color name →
#B8BFDC
oklch(0.809 0.042 274.7)
Konwersje koloru
- HEX
- #b8bfdc
- RGB
- rgb(184 191 220)
- HSL
- hsl(228 34% 79%)
- HWB
- hwb(228 72% 14%)
- OKLCH
- oklch(0.809 0.042 274.7)
- OKLab
- oklab(0.809 0.003 -0.041)
- CIE Lab
- lab(77.49 1.92 -15.44)
- LCH
- lch(77.49 15.56 277.1)
- CMYK
- cmyk(16% 13% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFC5E0
- C6CCE3
- CDD2E7
- D4D8EA
- DBDFEE
- E2E5F1
- E9ECF5
- F0F2F8
- F8F8FC
Odcienie ciemniejsze
- A0A6BF
- 888DA3
- 717588
- 5B5E6E
- 454854
- 31333C
- 1E1F26
- 0C0D11
- 020202
Tony
- B2B9D2
- ACB2C9
- A7ACC0
- A1A5B6
- 9C9FAD
- 9699A4
- 90929B
- 8B8C92
- 858689
Harmonie kolorów
Komplementarna +180°
- B8BFDC
Stardust Evening
- C9C1A3
≈ Moth
Analogowa -30° +30°
- B8BFDC
Stardust Evening
- ABC4DA
≈ Blue Prism
- C6BAD7
≈ Pretty Purple
Triada +120° +240°
- B8BFDC
Stardust Evening
- DAB8AF
≈ Peach Whip
- ACC9B5
≈ Gum Leaf
Komplementarna rozszczepiona +150° +210°
- B8BFDC
Stardust Evening
- D4BCA5
≈ Classic Taupe
- BAC6A9
≈ Zion
Tetrada +90° +180° +270°
- B8BFDC
Stardust Evening
- D9B6BD
≈ Strawberry Glaze
- C9C1A3
≈ Moth
- A3CAC4
≈ Wave Runner
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.52:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--stardust-evening: #b8bfdc;
--stardust-evening-rgb: 184 191 220;
--stardust-evening-oklch: oklch(0.809 0.042 274.7);
}
.element {
color: var(--stardust-evening);
background-color: hsl(228 34% 79%);
border-color: oklch(0.809 0.042 274.7);
}Tailwind CSS v4
@theme {
--color-stardust-evening: #b8bfdc;
--color-stardust-evening-50: #f2f4ff;
--color-stardust-evening-100: #e4e7f6;
--color-stardust-evening-200: #cfd3e6;
--color-stardust-evening-300: #b1b6cd;
--color-stardust-evening-400: #979db8;
--color-stardust-evening-500: #7e85a2;
--color-stardust-evening-600: #6a7089;
--color-stardust-evening-700: #555a6e;
--color-stardust-evening-800: #3d4251;
--color-stardust-evening-900: #2a2d39;
--color-stardust-evening-950: #181a23;
}SCSS
$stardust-evening: #b8bfdc;
$stardust-evening-rgb: 184, 191, 220;
$stardust-evening-light: mix(#fff, $stardust-evening, 20%);
$stardust-evening-dark: mix(#000, $stardust-evening, 20%);
.element {
color: $stardust-evening;
box-shadow: 0 0 0 2px rgba($stardust-evening, 0.35);
}