Colore con nome · #B9A998
Fashion District
Fashion District è #B9A998: rgb(185 169 152), hsl(31 19% 66%), oklch(0.744 0.03 69). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fashion District color name →
#B9A998
oklch(0.744 0.03 69)
Conversioni di colore
- HEX
- #b9a998
- RGB
- rgb(185 169 152)
- HSL
- hsl(31 19% 66%)
- HWB
- hwb(31 60% 27%)
- OKLCH
- oklch(0.744 0.03 69)
- OKLab
- oklab(0.744 0.011 0.028)
- CIE Lab
- lab(70.27 3.89 11.01)
- LCH
- lch(70.27 11.68 70.6)
- CMYK
- cmyk(0% 9% 18% 27%)
Tinte · Ombre · Toni
Tinte
- C0B1A2
- C7BAAC
- CEC2B6
- D5CBC0
- DCD3CA
- E3DCD5
- EAE5DF
- F1EDEA
- F8F6F4
Ombre
- A09284
- 897C70
- 71675C
- 5B534A
- 463F38
- 312C27
- 1E1B17
- 0D0A08
- 020101
Toni
- B3A596
- ADA193
- A89D91
- A2988E
- 9C948C
- 96908A
- 918C87
- 8B8885
- 868482
Armonie di colore
Complementare +180°
- B9A998
Fashion District
- 9EAEBF
≈ Sterling Silver
Analogo -30° +30°
- B9A998
Fashion District
- BEA69E
≈ Mohair Mauve
- B0AD97
≈ Reed Bed
Triadico +120° +240°
- B9A998
Fashion District
- 97B3B0
≈ Lake Forest
- B2A7BB
≈ Amorphous Rose
Complementare divisa +150° +210°
- B9A998
Fashion District
- 98B1B9
≈ Mohair Soft Blue Grey
- A7AABF
≈ Cream Violet
Tetradico +90° +180° +270°
- B9A998
Fashion District
- 9DB2A5
≈ Powdered Gum
- 9EAEBF
≈ Sterling Silver
- BAA5B2
≈ Buckwheat Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.19:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--fashion-district: #b9a998;
--fashion-district-rgb: 185 169 152;
--fashion-district-oklch: oklch(0.744 0.03 69);
}
.element {
color: var(--fashion-district);
background-color: hsl(31 19% 66%);
border-color: oklch(0.744 0.03 69);
}Tailwind CSS v4
@theme {
--color-fashion-district: #b9a998;
--color-fashion-district-50: #fbf4ec;
--color-fashion-district-100: #eee6dd;
--color-fashion-district-200: #ddd2c7;
--color-fashion-district-300: #c2b5a7;
--color-fashion-district-400: #ab9c8c;
--color-fashion-district-500: #948371;
--color-fashion-district-600: #7d6f60;
--color-fashion-district-700: #64594c;
--color-fashion-district-800: #4a4137;
--color-fashion-district-900: #332c26;
--color-fashion-district-950: #1f1a14;
}SCSS
$fashion-district: #b9a998;
$fashion-district-rgb: 185, 169, 152;
$fashion-district-light: mix(#fff, $fashion-district, 20%);
$fashion-district-dark: mix(#000, $fashion-district, 20%);
.element {
color: $fashion-district;
box-shadow: 0 0 0 2px rgba($fashion-district, 0.35);
}