Colore con nome · #B7A996
Earthy Beige
Earthy Beige è #B7A996: rgb(183 169 150), hsl(35 19% 65%), oklch(0.741 0.031 75.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Earthy Beige color name →
#B7A996
oklch(0.741 0.031 75.6)
Conversioni di colore
- HEX
- #b7a996
- RGB
- rgb(183 169 150)
- HSL
- hsl(35 19% 65%)
- HWB
- hwb(35 59% 28%)
- OKLCH
- oklch(0.741 0.031 75.6)
- OKLab
- oklab(0.741 0.008 0.03)
- CIE Lab
- lab(70.05 2.88 11.77)
- LCH
- lch(70.05 12.12 76.2)
- CMYK
- cmyk(0% 8% 18% 28%)
Tinte · Ombre · Toni
Tinte
- BEB1A0
- C5BAAA
- CCC2B5
- D3CBBF
- DBD3C9
- E2DCD4
- E9E5DF
- F0EDE9
- F8F6F4
Ombre
- 9F9282
- 877C6E
- 70675B
- 5A5349
- 453F37
- 312C26
- 1E1B16
- 0C0A08
- 020101
Toni
- B1A594
- ACA192
- A69D8F
- A1988D
- 9B948B
- 969089
- 908C87
- 8B8884
- 858482
Armonie di colore
Complementare +180°
- B7A996
Earthy Beige
- 9FADBF
≈ Feather Soft Blue
Analogo -30° +30°
- B7A996
Earthy Beige
- BDA69B
≈ Frontier Land
- AEAD97
≈ Photo Grey
Triadico +120° +240°
- B7A996
Earthy Beige
- 95B2B1
≈ Calcite Blue
- B3A6B9
≈ Bellflower Violet
Complementare divisa +150° +210°
- B7A996
Earthy Beige
- 97B0BA
≈ Mountain Stream
- A9A9BF
≈ Cream Violet
Tetradico +90° +180° +270°
- B7A996
Earthy Beige
- 9AB2A7
≈ Silver Drop
- 9FADBF
≈ Feather Soft Blue
- BBA4B0
≈ Buckwheat Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.12:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--earthy-beige: #b7a996;
--earthy-beige-rgb: 183 169 150;
--earthy-beige-oklch: oklch(0.741 0.031 75.6);
}
.element {
color: var(--earthy-beige);
background-color: hsl(35 19% 65%);
border-color: oklch(0.741 0.031 75.6);
}Tailwind CSS v4
@theme {
--color-earthy-beige: #b7a996;
--color-earthy-beige-50: #faf4eb;
--color-earthy-beige-100: #eee7dd;
--color-earthy-beige-200: #dcd3c6;
--color-earthy-beige-300: #c0b6a6;
--color-earthy-beige-400: #a99c8a;
--color-earthy-beige-500: #928470;
--color-earthy-beige-600: #7c6f5f;
--color-earthy-beige-700: #63594b;
--color-earthy-beige-800: #494137;
--color-earthy-beige-900: #332d25;
--color-earthy-beige-950: #1e1a14;
}SCSS
$earthy-beige: #b7a996;
$earthy-beige-rgb: 183, 169, 150;
$earthy-beige-light: mix(#fff, $earthy-beige, 20%);
$earthy-beige-dark: mix(#000, $earthy-beige, 20%);
.element {
color: $earthy-beige;
box-shadow: 0 0 0 2px rgba($earthy-beige, 0.35);
}