Colore con nome più vicino · #BAC3DF
#BAC3DF
Colore con nome più vicino: Stardust Evening
#BAC3DF (rgb(186 195 223), hsl(225 37% 80%), oklch(0.819 0.041 271.4)) è più vicino al colore con nome Stardust Evening. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BAC3DF
oklch(0.819 0.041 271.4)
Conversioni di colore
- HEX
- #bac3df
- RGB
- rgb(186 195 223)
- HSL
- hsl(225 37% 80%)
- HWB
- hwb(225 73% 13%)
- OKLCH
- oklch(0.819 0.041 271.4)
- OKLab
- oklab(0.819 0.001 -0.041)
- CIE Lab
- lab(78.76 1.07 -15.13)
- LCH
- lch(78.76 15.17 274)
- CMYK
- cmyk(17% 13% 0% 13%)
Tinte · Ombre · Toni
Tinte
- C1C9E2
- C7CFE6
- CED5E9
- D5DBEC
- DCE1EF
- E3E7F2
- EAEDF6
- F1F3F9
- F8F9FC
Ombre
- A1A9C2
- 8990A5
- 72788A
- 5C606F
- 464A56
- 32343D
- 1E2027
- 0D0E12
- 020202
Toni
- B4BCD5
- AEB5CB
- A8AEC2
- A2A8B8
- 9DA1AE
- 979AA5
- 91949C
- 8B8D92
- 868689
Armonie di colore
Complementare +180°
- BAC3DF
Stardust Evening
- CDC3A7
≈ Stylish
Analogo -30° +30°
- BAC3DF
Stardust Evening
- ADC8DC
≈ Caspian Tide
- C8BEDB
≈ Purple Dragon
Triadico +120° +240°
- BAC3DF
Stardust Evening
- DDBBB4
≈ Rose Yoghurt
- B2CCB7
≈ Subtle Green
Complementare divisa +150° +210°
- BAC3DF
Stardust Evening
- D8BFAA
≈ Comforting
- BFC8AC
≈ Tamboon
Tetradico +90° +180° +270°
- BAC3DF
Stardust Evening
- DCB9C2
≈ Hosanna
- CDC3A7
≈ Stylish
- A8CDC5
≈ Baby Aqua
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.95:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--stardust-evening: #bac3df;
--stardust-evening-rgb: 186 195 223;
--stardust-evening-oklch: oklch(0.819 0.041 271.4);
}
.element {
color: var(--stardust-evening);
background-color: hsl(225 37% 80%);
border-color: oklch(0.819 0.041 271.4);
}Tailwind CSS v4
@theme {
--color-stardust-evening: #bac3df;
--color-stardust-evening-50: #f1f5ff;
--color-stardust-evening-100: #e3e7f6;
--color-stardust-evening-200: #ced3e6;
--color-stardust-evening-300: #b0b6cd;
--color-stardust-evening-400: #959eb7;
--color-stardust-evening-500: #7c85a2;
--color-stardust-evening-600: #697189;
--color-stardust-evening-700: #545a6e;
--color-stardust-evening-800: #3d4251;
--color-stardust-evening-900: #2a2e38;
--color-stardust-evening-950: #171a23;
}SCSS
$stardust-evening: #bac3df;
$stardust-evening-rgb: 186, 195, 223;
$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);
}