Colore con nome · #BFB6A9
Light Lichen
Light Lichen è #BFB6A9: rgb(191 182 169), hsl(35 15% 71%), oklch(0.78 0.021 77.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Lichen color name →
#BFB6A9
oklch(0.78 0.021 77.3)
Conversioni di colore
- HEX
- #bfb6a9
- RGB
- rgb(191 182 169)
- HSL
- hsl(35 15% 71%)
- HWB
- hwb(35 66% 25%)
- OKLCH
- oklch(0.78 0.021 77.3)
- OKLab
- oklab(0.78 0.005 0.02)
- CIE Lab
- lab(74.53 1.63 7.84)
- LCH
- lch(74.53 8.01 78.2)
- CMYK
- cmyk(0% 5% 12% 25%)
Tinte · Ombre · Toni
Tinte
- C5BDB1
- CCC4BA
- D2CBC2
- D8D3CB
- DFDAD3
- E5E1DC
- EBE9E5
- F2F0ED
- F8F8F6
Ombre
- A69E92
- 8D867C
- 756F67
- 5E5953
- 48443F
- 33302C
- 1F1D1B
- 0D0C0A
- 020201
Toni
- B9B0A5
- B2ABA1
- ACA59D
- A5A098
- 9F9B94
- 999590
- 92908C
- 8C8B88
- 868584
Armonie di colore
Complementare +180°
- BFB6A9
Light Lichen
- AFB8C5
≈ Brother Blue
Analogo -30° +30°
- BFB6A9
Light Lichen
- C3B4AC
≈ Mauvette
- B8B9AA
≈ Gravel Dust
Triadico +120° +240°
- BFB6A9
Light Lichen
- A9BCBC
≈ Grey Wool
- BDB3C0
≈ Perplexed
Complementare divisa +150° +210°
- BFB6A9
Light Lichen
- AABAC2
≈ Cold Snap
- B6B6C4
≈ Juniper Berry
Tetradico +90° +180° +270°
- BFB6A9
Light Lichen
- ABBCB5
≈ Fresh Eucalyptus
- AFB8C5
≈ Brother Blue
- C2B2BA
≈ Blossom Powder
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.47:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--light-lichen: #bfb6a9;
--light-lichen-rgb: 191 182 169;
--light-lichen-oklch: oklch(0.78 0.021 77.3);
}
.element {
color: var(--light-lichen);
background-color: hsl(35 15% 71%);
border-color: oklch(0.78 0.021 77.3);
}Tailwind CSS v4
@theme {
--color-light-lichen: #bfb6a9;
--color-light-lichen-50: #f8f5ef;
--color-light-lichen-100: #ece7e0;
--color-light-lichen-200: #d9d3cb;
--color-light-lichen-300: #bdb6ac;
--color-light-lichen-400: #a59d91;
--color-light-lichen-500: #8e8577;
--color-light-lichen-600: #787065;
--color-light-lichen-700: #605a51;
--color-light-lichen-800: #47413b;
--color-light-lichen-900: #312d28;
--color-light-lichen-950: #1d1a16;
}SCSS
$light-lichen: #bfb6a9;
$light-lichen-rgb: 191, 182, 169;
$light-lichen-light: mix(#fff, $light-lichen, 20%);
$light-lichen-dark: mix(#000, $light-lichen, 20%);
.element {
color: $light-lichen;
box-shadow: 0 0 0 2px rgba($light-lichen, 0.35);
}