Colore con nome · #BFA1AD
Decanting
Decanting è #BFA1AD: rgb(191 161 173), hsl(336 19% 69%), oklch(0.739 0.039 352.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Decanting color name →
#BFA1AD
oklch(0.739 0.039 352.1)
Conversioni di colore
- HEX
- #bfa1ad
- RGB
- rgb(191 161 173)
- HSL
- hsl(336 19% 69%)
- HWB
- hwb(336 63% 25%)
- OKLCH
- oklch(0.739 0.039 352.1)
- OKLab
- oklab(0.739 0.038 -0.005)
- CIE Lab
- lab(69.24 12.88 -1.91)
- LCH
- lch(69.24 13.02 351.6)
- CMYK
- cmyk(0% 16% 9% 25%)
Tinte · Ombre · Toni
Tinte
- C5AAB5
- CCB3BD
- D2BCC5
- D9C6CD
- DFCFD5
- E5D9DD
- ECE2E6
- F2ECEE
- F9F5F7
Ombre
- A68B96
- 8D767F
- 75626A
- 5E4E55
- 483C41
- 332A2D
- 1F191B
- 0D090B
- 020101
Toni
- B99EA8
- B29AA4
- AC979F
- A6949B
- 9F9096
- 998D92
- 938A8D
- 8C8789
- 868384
Armonie di colore
Complementare +180°
- BFA1AD
Decanting
- 93B3A8
≈ Vintage Vessel
Analogo -30° +30°
- BFA1AD
Decanting
- B7A3B9
≈ Svelte
- C2A1A0
≈ Foggy Quartz
Triadico +120° +240°
- BFA1AD
Decanting
- ABAD92
≈ Quiet Thicket
- 93AFBF
≈ Showcase Blue
Complementare divisa +150° +210°
- BFA1AD
Decanting
- 9DB19B
≈ Drizzle
- 8FB2B5
≈ Gulf Winds
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.91:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--decanting: #bfa1ad;
--decanting-rgb: 191 161 173;
--decanting-oklch: oklch(0.739 0.039 352.1);
}
.element {
color: var(--decanting);
background-color: hsl(336 19% 69%);
border-color: oklch(0.739 0.039 352.1);
}Tailwind CSS v4
@theme {
--color-decanting: #bfa1ad;
--color-decanting-50: #fff1f6;
--color-decanting-100: #f3e3e9;
--color-decanting-200: #e3ced5;
--color-decanting-300: #c8b0b9;
--color-decanting-400: #b295a1;
--color-decanting-500: #9b7c89;
--color-decanting-600: #836974;
--color-decanting-700: #69545d;
--color-decanting-800: #4d3d44;
--color-decanting-900: #362a2f;
--color-decanting-950: #21181c;
}SCSS
$decanting: #bfa1ad;
$decanting-rgb: 191, 161, 173;
$decanting-light: mix(#fff, $decanting, 20%);
$decanting-dark: mix(#000, $decanting, 20%);
.element {
color: $decanting;
box-shadow: 0 0 0 2px rgba($decanting, 0.35);
}