Colore con nome · #B7A793
Humus
Humus è #B7A793: rgb(183 167 147), hsl(33 20% 65%), oklch(0.737 0.034 73.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Humus color name →
#B7A793
oklch(0.737 0.034 73.4)
Conversioni di colore
- HEX
- #b7a793
- RGB
- rgb(183 167 147)
- HSL
- hsl(33 20% 65%)
- HWB
- hwb(33 58% 28%)
- OKLCH
- oklch(0.737 0.034 73.4)
- OKLab
- oklab(0.737 0.01 0.032)
- CIE Lab
- lab(69.47 3.56 12.6)
- LCH
- lch(69.47 13.09 74.2)
- CMYK
- cmyk(0% 9% 20% 28%)
Tinte · Ombre · Toni
Tinte
- BEB09D
- C5B8A8
- CCC1B2
- D3C9BD
- DBD2C8
- E2DBD3
- E9E4DE
- F0EDE9
- F8F6F4
Ombre
- 9F917F
- 877B6C
- 706659
- 5A5247
- 453E36
- 312C25
- 1E1A16
- 0C0A08
- 020101
Toni
- B1A391
- AC9F8F
- A69B8D
- A1978C
- 9B938A
- 968F88
- 908C86
- 8B8884
- 858482
Armonie di colore
Complementare +180°
- B7A793
Humus
- 9BABBF
≈ Blue Fog
Analogo -30° +30°
- B7A793
Humus
- BDA399
≈ Frontier Land
- ADAB93
≈ Photo Grey
Triadico +120° +240°
- B7A793
Humus
- 92B1B0
≈ Gulf Winds
- B1A4B9
≈ Obi Lilac
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.96:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--humus: #b7a793;
--humus-rgb: 183 167 147;
--humus-oklch: oklch(0.737 0.034 73.4);
}
.element {
color: var(--humus);
background-color: hsl(33 20% 65%);
border-color: oklch(0.737 0.034 73.4);
}Tailwind CSS v4
@theme {
--color-humus: #b7a793;
--color-humus-50: #fbf4eb;
--color-humus-100: #efe7dc;
--color-humus-200: #ddd3c5;
--color-humus-300: #c2b5a5;
--color-humus-400: #ab9c89;
--color-humus-500: #94836e;
--color-humus-600: #7d6f5d;
--color-humus-700: #64594a;
--color-humus-800: #4a4136;
--color-humus-900: #332d25;
--color-humus-950: #1f1a13;
}SCSS
$humus: #b7a793;
$humus-rgb: 183, 167, 147;
$humus-light: mix(#fff, $humus, 20%);
$humus-dark: mix(#000, $humus, 20%);
.element {
color: $humus;
box-shadow: 0 0 0 2px rgba($humus, 0.35);
}