Colore con nome · #B8C4D9
Alley
Alley è #B8C4D9: rgb(184 196 217), hsl(218 30% 79%), oklch(0.818 0.032 261.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Alley color name →
#B8C4D9
oklch(0.818 0.032 261.7)
Conversioni di colore
- HEX
- #b8c4d9
- RGB
- rgb(184 196 217)
- HSL
- hsl(218 30% 79%)
- HWB
- hwb(218 72% 15%)
- OKLCH
- oklch(0.818 0.032 261.7)
- OKLab
- oklab(0.818 -0.005 -0.032)
- CIE Lab
- lab(78.72 -1.06 -12.01)
- LCH
- lch(78.72 12.05 264.9)
- CMYK
- cmyk(15% 10% 0% 15%)
Tinte · Ombre · Toni
Tinte
- BFCADD
- C6D0E1
- CDD5E4
- D4DBE8
- DBE1EC
- E2E7F0
- E9EDF4
- F0F3F7
- F8F9FB
Ombre
- A0AABC
- 8891A1
- 717886
- 5B616C
- 454A53
- 31353B
- 1E2125
- 0C0E11
- 020202
Toni
- B2BDD0
- ADB6C7
- A7AFBE
- A1A8B4
- 9CA1AC
- 969BA3
- 90949A
- 8B8D91
- 858789
Armonie di colore
Complementare +180°
- B8C4D9
Alley
- CEC2AC
≈ Threaded Loom
Analogo -30° +30°
- B8C4D9
Alley
- AFC8D5
≈ Crisp Collar
- C3C0D7
≈ Lavender Sachet
Triadico +120° +240°
- B8C4D9
Alley
- D8BCBA
≈ Rose Yoghurt
- B8C9B6
≈ Aqua Dream
Complementare divisa +150° +210°
- B8C4D9
Alley
- D5BEB1
≈ Wild Rice
- C3C6AE
≈ Bahia Grass
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.93:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--alley: #b8c4d9;
--alley-rgb: 184 196 217;
--alley-oklch: oklch(0.818 0.032 261.7);
}
.element {
color: var(--alley);
background-color: hsl(218 30% 79%);
border-color: oklch(0.818 0.032 261.7);
}Tailwind CSS v4
@theme {
--color-alley: #b8c4d9;
--color-alley-50: #f0f5ff;
--color-alley-100: #e2e8f3;
--color-alley-200: #cdd4e3;
--color-alley-300: #afb8c9;
--color-alley-400: #949fb2;
--color-alley-500: #7a879c;
--color-alley-600: #687284;
--color-alley-700: #535b6a;
--color-alley-800: #3c434e;
--color-alley-900: #292e36;
--color-alley-950: #171b21;
}SCSS
$alley: #b8c4d9;
$alley-rgb: 184, 196, 217;
$alley-light: mix(#fff, $alley, 20%);
$alley-dark: mix(#000, $alley, 20%);
.element {
color: $alley;
box-shadow: 0 0 0 2px rgba($alley, 0.35);
}