Colore con nome · #B2996E
Dust
Dust è #B2996E: rgb(178 153 110), hsl(38 31% 56%), oklch(0.695 0.066 80.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Dust color name →
#B2996E
oklch(0.695 0.066 80.8)
Conversioni di colore
- HEX
- #b2996e
- RGB
- rgb(178 153 110)
- HSL
- hsl(38 31% 56%)
- HWB
- hwb(38 43% 30%)
- OKLCH
- oklch(0.695 0.066 80.8)
- OKLab
- oklab(0.695 0.01 0.065)
- CIE Lab
- lab(64.71 5.03 26.25)
- LCH
- lch(64.71 26.73 79.2)
- CMYK
- cmyk(0% 14% 38% 30%)
Tinte · Ombre · Toni
Tinte
- BAA37C
- C1AD8A
- C9B799
- D0C1A7
- D8CBB5
- E0D5C4
- E8E0D3
- EFEAE1
- F7F5F0
Ombre
- 9A845F
- 837050
- 6D5D41
- 574A33
- 433826
- 2F2719
- 1D170E
- 0C0804
- 010101
Toni
- AD9770
- A89472
- A39274
- 9E8F76
- 998D78
- 948A7A
- 8F887C
- 8A857D
- 85837F
Armonie di colore
Complementare +180°
- B2996E
Dust
- 869EC6
≈ Manifest Destiny
Analogo -30° +30°
Triadico +120° +240°
- B2996E
Dust
- 6AA9AD
≈ Timid Sea
- B090B6
≈ Metal Petal
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.67:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--dust: #b2996e;
--dust-rgb: 178 153 110;
--dust-oklch: oklch(0.695 0.066 80.8);
}
.element {
color: var(--dust);
background-color: hsl(38 31% 56%);
border-color: oklch(0.695 0.066 80.8);
}Tailwind CSS v4
@theme {
--color-dust: #b2996e;
--color-dust-50: #fef4e1;
--color-dust-100: #f3e6d0;
--color-dust-200: #e2d2b5;
--color-dust-300: #c8b592;
--color-dust-400: #b39b72;
--color-dust-500: #9d8253;
--color-dust-600: #846e47;
--color-dust-700: #6a5838;
--color-dust-800: #4f4028;
--color-dust-900: #372c1b;
--color-dust-950: #22190b;
}SCSS
$dust: #b2996e;
$dust-rgb: 178, 153, 110;
$dust-light: mix(#fff, $dust, 20%);
$dust-dark: mix(#000, $dust, 20%);
.element {
color: $dust;
box-shadow: 0 0 0 2px rgba($dust, 0.35);
}