Colore con nome · #B9ACBB
Lola
Lola è #B9ACBB: rgb(185 172 187), hsl(292 10% 70%), oklch(0.76 0.026 321.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lola color name →
#B9ACBB
oklch(0.76 0.026 321.7)
Conversioni di colore
- HEX
- #b9acbb
- RGB
- rgb(185 172 187)
- HSL
- hsl(292 10% 70%)
- HWB
- hwb(292 67% 27%)
- OKLCH
- oklch(0.76 0.026 321.7)
- OKLab
- oklab(0.76 0.02 -0.016)
- CIE Lab
- lab(71.81 6.88 -5.93)
- LCH
- lch(71.81 9.08 319.2)
- CMYK
- cmyk(1% 8% 0% 27%)
Tinte · Ombre · Toni
Tinte
- C0B4C2
- C7BCC8
- CEC4CF
- D5CDD6
- DCD5DD
- E3DDE3
- EAE6EA
- F1EEF1
- F8F6F8
Ombre
- A095A2
- 897F8A
- 716973
- 5B545C
- 464046
- 312D32
- 1E1B1F
- 0D0B0D
- 020102
Toni
- B3A8B5
- ADA3AF
- A89FA9
- A29AA3
- 9C969D
- 969197
- 918D91
- 8B898B
- 868486
Armonie di colore
Complementare +180°
- B9ACBB
Lola
- A8B5A6
≈ Forever Green
Analogo -30° +30°
Triadico +120° +240°
- B9ACBB
Lola
- B9B09F
≈ Saturn Grey
- 9FB6B8
≈ Blue by You
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.68:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--lola: #b9acbb;
--lola-rgb: 185 172 187;
--lola-oklch: oklch(0.76 0.026 321.7);
}
.element {
color: var(--lola);
background-color: hsl(292 10% 70%);
border-color: oklch(0.76 0.026 321.7);
}Tailwind CSS v4
@theme {
--color-lola: #b9acbb;
--color-lola-50: #f9f3f9;
--color-lola-100: #ece5ed;
--color-lola-200: #dad1db;
--color-lola-300: #beb3bf;
--color-lola-400: #a69aa8;
--color-lola-500: #8e8191;
--color-lola-600: #786d7a;
--color-lola-700: #605762;
--color-lola-800: #464048;
--color-lola-900: #312c32;
--color-lola-950: #1d191e;
}SCSS
$lola: #b9acbb;
$lola-rgb: 185, 172, 187;
$lola-light: mix(#fff, $lola, 20%);
$lola-dark: mix(#000, $lola, 20%);
.element {
color: $lola;
box-shadow: 0 0 0 2px rgba($lola, 0.35);
}