Colore con nome · #BA9B97
Lilac Suede
Lilac Suede è #BA9B97: rgb(186 155 151), hsl(7 20% 66%), oklch(0.716 0.038 26.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lilac Suede color name →
#BA9B97
oklch(0.716 0.038 26.7)
Conversioni di colore
- HEX
- #ba9b97
- RGB
- rgb(186 155 151)
- HSL
- hsl(7 20% 66%)
- HWB
- hwb(7 59% 27%)
- OKLCH
- oklch(0.716 0.038 26.7)
- OKLab
- oklab(0.716 0.034 0.017)
- CIE Lab
- lab(66.75 11.39 6.63)
- LCH
- lch(66.75 13.18 30.2)
- CMYK
- cmyk(0% 17% 19% 27%)
Tinte · Ombre · Toni
Tinte
- C1A5A1
- C8AEAB
- CFB8B5
- D6C2BF
- DDCCCA
- E3D6D4
- EAE0DF
- F1EAE9
- F8F5F4
Ombre
- A18683
- 89726F
- 725E5C
- 5C4B49
- 463937
- 322826
- 1E1817
- 0D0908
- 020101
Toni
- B49895
- AE9692
- A89390
- A3908E
- 9D8E8B
- 978B89
- 918887
- 8C8585
- 868382
Armonie di colore
Complementare +180°
- BA9B97
Lilac Suede
- 89ABAF
≈ Hydrology
Analogo -30° +30°
- BA9B97
Lilac Suede
- B89AA4
≈ Keepsake Lilac
- B69E8D
≈ Trusty Tan
Triadico +120° +240°
- BA9B97
Lilac Suede
- 95AA96
≈ Green Amazons
- 99A3BC
≈ Zen Blue
Complementare divisa +150° +210°
- BA9B97
Lilac Suede
- 8BACA3
≈ Rare Happening
- 8EA8B8
≈ Dresden Dream
Tetradico +90° +180° +270°
- BA9B97
Lilac Suede
- A1A78C
≈ Frosty Cedar
- 89ABAF
≈ Hydrology
- A59FB9
≈ Fragrant Satchel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.22:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.22:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--lilac-suede: #ba9b97;
--lilac-suede-rgb: 186 155 151;
--lilac-suede-oklch: oklch(0.716 0.038 26.7);
}
.element {
color: var(--lilac-suede);
background-color: hsl(7 20% 66%);
border-color: oklch(0.716 0.038 26.7);
}Tailwind CSS v4
@theme {
--color-lilac-suede: #ba9b97;
--color-lilac-suede-50: #fff1ef;
--color-lilac-suede-100: #f4e4e1;
--color-lilac-suede-200: #e4cfcb;
--color-lilac-suede-300: #cab1ad;
--color-lilac-suede-400: #b49693;
--color-lilac-suede-500: #9e7d79;
--color-lilac-suede-600: #856a66;
--color-lilac-suede-700: #6b5552;
--color-lilac-suede-800: #4f3e3c;
--color-lilac-suede-900: #372a29;
--color-lilac-suede-950: #221817;
}SCSS
$lilac-suede: #ba9b97;
$lilac-suede-rgb: 186, 155, 151;
$lilac-suede-light: mix(#fff, $lilac-suede, 20%);
$lilac-suede-dark: mix(#000, $lilac-suede, 20%);
.element {
color: $lilac-suede;
box-shadow: 0 0 0 2px rgba($lilac-suede, 0.35);
}