Najbliższy nazwany kolor · #B5B9DB
#B5B9DB
Najbliższy nazwany kolor: Stardust Evening
#B5B9DB (rgb(181 185 219), hsl(234 35% 78%), oklch(0.794 0.048 279.9)) jest najbliższy nazwanemu kolorowi Stardust Evening. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B5B9DB
oklch(0.794 0.048 279.9)
Konwersje koloru
- HEX
- #b5b9db
- RGB
- rgb(181 185 219)
- HSL
- hsl(234 35% 78%)
- HWB
- hwb(234 71% 14%)
- OKLCH
- oklch(0.794 0.048 279.9)
- OKLab
- oklab(0.794 0.008 -0.048)
- CIE Lab
- lab(75.67 3.78 -17.64)
- LCH
- lch(75.67 18.04 282.1)
- CMYK
- cmyk(17% 16% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCC0DF
- C3C7E2
- CBCEE6
- D2D5EA
- D9DCED
- E1E3F1
- E8EAF4
- F0F1F8
- F7F8FB
Odcienie ciemniejsze
- 9DA0BE
- 8689A2
- 6F7187
- 595B6D
- 444654
- 30313C
- 1D1E26
- 0C0D11
- 020202
Tony
- B0B3D2
- AAADC8
- A5A8BF
- 9FA2B6
- 9A9CAD
- 9596A4
- 8F919B
- 8A8B92
- 858689
Harmonie kolorów
Komplementarna +180°
- B5B9DB
Stardust Evening
- C3BD9A
≈ Fields Afar
Analogowa -30° +30°
- B5B9DB
Stardust Evening
- A5BFDA
≈ Everlasting
- C5B4D4
≈ Plumeria
Triada +120° +240°
- B5B9DB
Stardust Evening
- D8B2A5
≈ Sandpaper
- A2C6B1
≈ Lobaria Lichen
Komplementarna rozszczepiona +150° +210°
- B5B9DB
Stardust Evening
- D0B79B
≈ Teddy Bears & Cream
- B2C2A2
≈ Camping Grounds
Tetrada +90° +180° +270°
- B5B9DB
Stardust Evening
- D9B0B5
≈ Radiant Rouge
- C3BD9A
≈ Fields Afar
- 99C6C2
≈ Pastel Turquoise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.92:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--stardust-evening: #b5b9db;
--stardust-evening-rgb: 181 185 219;
--stardust-evening-oklch: oklch(0.794 0.048 279.9);
}
.element {
color: var(--stardust-evening);
background-color: hsl(234 35% 78%);
border-color: oklch(0.794 0.048 279.9);
}Tailwind CSS v4
@theme {
--color-stardust-evening: #b5b9db;
--color-stardust-evening-50: #f2f4ff;
--color-stardust-evening-100: #e5e6f8;
--color-stardust-evening-200: #d0d2e9;
--color-stardust-evening-300: #b3b5d0;
--color-stardust-evening-400: #989cbb;
--color-stardust-evening-500: #7f83a6;
--color-stardust-evening-600: #6c6f8c;
--color-stardust-evening-700: #565971;
--color-stardust-evening-800: #3e4153;
--color-stardust-evening-900: #2b2d3a;
--color-stardust-evening-950: #181a24;
}SCSS
$stardust-evening: #b5b9db;
$stardust-evening-rgb: 181, 185, 219;
$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);
}