Couleur nommée la plus proche · #B5B9DB
#B5B9DB
Couleur nommée la plus proche: Stardust Evening
#B5B9DB (rgb(181 185 219), hsl(234 35% 78%), oklch(0.794 0.048 279.9)) est la plus proche de la couleur nommée Stardust Evening. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B5B9DB
oklch(0.794 0.048 279.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- BCC0DF
- C3C7E2
- CBCEE6
- D2D5EA
- D9DCED
- E1E3F1
- E8EAF4
- F0F1F8
- F7F8FB
Ombres
- 9DA0BE
- 8689A2
- 6F7187
- 595B6D
- 444654
- 30313C
- 1D1E26
- 0C0D11
- 020202
Tons
- B0B3D2
- AAADC8
- A5A8BF
- 9FA2B6
- 9A9CAD
- 9596A4
- 8F919B
- 8A8B92
- 858689
Harmonies de couleurs
Complémentaire +180°
- B5B9DB
Stardust Evening
- C3BD9A
≈ Fields Afar
Analogue -30° +30°
- B5B9DB
Stardust Evening
- A5BFDA
≈ Everlasting
- C5B4D4
≈ Plumeria
Triadique +120° +240°
- B5B9DB
Stardust Evening
- D8B2A5
≈ Sandpaper
- A2C6B1
≈ Lobaria Lichen
Complémentaire divisée +150° +210°
- B5B9DB
Stardust Evening
- D0B79B
≈ Teddy Bears & Cream
- B2C2A2
≈ Camping Grounds
Tétradique +90° +180° +270°
- B5B9DB
Stardust Evening
- D9B0B5
≈ Radiant Rouge
- C3BD9A
≈ Fields Afar
- 99C6C2
≈ Pastel Turquoise
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.92:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.92:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
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);
}