Colore con nome più vicino · #BFB5A4
#BFB5A4
Colore con nome più vicino: Ashes to Ashes
#BFB5A4 (rgb(191 181 164), hsl(38 17% 70%), oklch(0.777 0.026 81.1)) è più vicino al colore con nome Ashes to Ashes. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BFB5A4
oklch(0.777 0.026 81.1)
Conversioni di colore
- HEX
- #bfb5a4
- RGB
- rgb(191 181 164)
- HSL
- hsl(38 17% 70%)
- HWB
- hwb(38 64% 25%)
- OKLCH
- oklch(0.777 0.026 81.1)
- OKLab
- oklab(0.777 0.004 0.026)
- CIE Lab
- lab(74.17 1.53 10.04)
- LCH
- lch(74.17 10.15 81.3)
- CMYK
- cmyk(0% 5% 14% 25%)
Tinte · Ombre · Toni
Tinte
- C5BCAD
- CCC3B6
- D2CBBF
- D8D2C8
- DFD9D1
- E5E1DA
- EBE8E3
- F2F0EC
- F8F7F6
Ombre
- A69D8E
- 8D8679
- 756F64
- 5E5950
- 48443D
- 33302B
- 1F1D1A
- 0D0C0A
- 020201
Toni
- B9B0A0
- B2AA9D
- ACA599
- A59F96
- 9F9A92
- 99958E
- 92908B
- 8C8A87
- 868584
Armonie di colore
Complementare +180°
- BFB5A4
Ashes to Ashes
- ADB7C8
≈ Brother Blue
Analogo -30° +30°
- BFB5A4
Ashes to Ashes
- C5B2A8
≈ Mauvette
- B7B8A5
≈ Pine Crush
Triadico +120° +240°
- BFB5A4
Ashes to Ashes
- A4BCBD
≈ Seafoam Slate
- BEB1C1
≈ Almost Plum
Complementare divisa +150° +210°
- BFB5A4
Ashes to Ashes
- A6BAC4
≈ Overcast Sky
- B6B4C6
≈ Bohemianism
Tetradico +90° +180° +270°
- BFB5A4
Ashes to Ashes
- A7BCB4
≈ Quiet Teal
- ADB7C8
≈ Brother Blue
- C4B0B8
≈ Calm Cupid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.36:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--ashes-to-ashes: #bfb5a4;
--ashes-to-ashes-rgb: 191 181 164;
--ashes-to-ashes-oklch: oklch(0.777 0.026 81.1);
}
.element {
color: var(--ashes-to-ashes);
background-color: hsl(38 17% 70%);
border-color: oklch(0.777 0.026 81.1);
}Tailwind CSS v4
@theme {
--color-ashes-to-ashes: #bfb5a4;
--color-ashes-to-ashes-50: #f9f5ed;
--color-ashes-to-ashes-100: #ece7de;
--color-ashes-to-ashes-200: #dad3c8;
--color-ashes-to-ashes-300: #beb6a9;
--color-ashes-to-ashes-400: #a69d8d;
--color-ashes-to-ashes-500: #8f8573;
--color-ashes-to-ashes-600: #797061;
--color-ashes-to-ashes-700: #615a4e;
--color-ashes-to-ashes-800: #474138;
--color-ashes-to-ashes-900: #312d27;
--color-ashes-to-ashes-950: #1d1a15;
}SCSS
$ashes-to-ashes: #bfb5a4;
$ashes-to-ashes-rgb: 191, 181, 164;
$ashes-to-ashes-light: mix(#fff, $ashes-to-ashes, 20%);
$ashes-to-ashes-dark: mix(#000, $ashes-to-ashes, 20%);
.element {
color: $ashes-to-ashes;
box-shadow: 0 0 0 2px rgba($ashes-to-ashes, 0.35);
}