Nazwany kolor · #BFACB1
Lavender Scent
Lavender Scent to #BFACB1: rgb(191 172 177), hsl(344 13% 71%), oklch(0.762 0.023 359.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lavender Scent color name →
#BFACB1
oklch(0.762 0.023 359.9)
Konwersje koloru
- HEX
- #bfacb1
- RGB
- rgb(191 172 177)
- HSL
- hsl(344 13% 71%)
- HWB
- hwb(344 67% 25%)
- OKLCH
- oklch(0.762 0.023 359.9)
- OKLab
- oklab(0.762 0.023 0)
- CIE Lab
- lab(72.12 7.73 0.06)
- LCH
- lch(72.12 7.73 0.4)
- CMYK
- cmyk(0% 10% 7% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5B4B9
- CCBCC0
- D2C4C8
- D8CDD0
- DFD5D7
- E5DDDF
- ECE6E7
- F2EEEF
- F9F6F7
Odcienie ciemniejsze
- A69599
- 8D7F83
- 75696C
- 5E5457
- 484042
- 332D2F
- 1F1B1C
- 0D0B0C
- 020101
Tony
- B9A8AC
- B2A3A7
- AC9FA2
- A59A9D
- 9F9698
- 999193
- 938D8E
- 8C898A
- 868485
Harmonie kolorów
Komplementarna +180°
- BFACB1
Lavender Scent
- A3B7B2
≈ Holly Glen
Analogowa -30° +30°
- BFACB1
Lavender Scent
- BBADB9
≈ Luminous Light
- C0ADA9
≈ Perdu Pink
Triada +120° +240°
- BFACB1
Lavender Scent
- B0B4A4
≈ Stormy Day
- A5B4BF
≈ Intercoastal Grey
Komplementarna rozszczepiona +150° +210°
- BFACB1
Lavender Scent
- A8B6AA
≈ Aquatone
- A2B6BA
≈ Blue by You
Tetrada +90° +180° +270°
- BFACB1
Lavender Scent
- B7B1A2
≈ Silver Taupe
- A3B7B2
≈ Holly Glen
- ACB1C1
≈ Fragrant Wand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.15:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.75:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--lavender-scent: #bfacb1;
--lavender-scent-rgb: 191 172 177;
--lavender-scent-oklch: oklch(0.762 0.023 359.9);
}
.element {
color: var(--lavender-scent);
background-color: hsl(344 13% 71%);
border-color: oklch(0.762 0.023 359.9);
}Tailwind CSS v4
@theme {
--color-lavender-scent: #bfacb1;
--color-lavender-scent-50: #fbf2f4;
--color-lavender-scent-100: #efe5e7;
--color-lavender-scent-200: #ddd0d3;
--color-lavender-scent-300: #c2b3b6;
--color-lavender-scent-400: #ab999e;
--color-lavender-scent-500: #948085;
--color-lavender-scent-600: #7d6d71;
--color-lavender-scent-700: #64575a;
--color-lavender-scent-800: #493f42;
--color-lavender-scent-900: #332b2e;
--color-lavender-scent-950: #1f191b;
}SCSS
$lavender-scent: #bfacb1;
$lavender-scent-rgb: 191, 172, 177;
$lavender-scent-light: mix(#fff, $lavender-scent, 20%);
$lavender-scent-dark: mix(#000, $lavender-scent, 20%);
.element {
color: $lavender-scent;
box-shadow: 0 0 0 2px rgba($lavender-scent, 0.35);
}