Colore con nome · #5B4F3B
Beech
Beech è #5B4F3B: rgb(91 79 59), hsl(38 21% 29%), oklch(0.434 0.035 80.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Beech color name →
#5B4F3B
oklch(0.434 0.035 80.3)
Conversioni di colore
- HEX
- #5b4f3b
- RGB
- rgb(91 79 59)
- HSL
- hsl(38 21% 29%)
- HWB
- hwb(38 23% 64%)
- OKLCH
- oklch(0.434 0.035 80.3)
- OKLab
- oklab(0.434 0.006 0.034)
- CIE Lab
- lab(34.39 2.66 13.79)
- LCH
- lch(34.39 14.04 79.1)
- CMYK
- cmyk(0% 13% 35% 64%)
Tinte · Ombre · Toni
Tinte
- 6A5F4D
- 796F5F
- 898071
- 999184
- A9A398
- BAB5AC
- CBC7C0
- DCD9D5
- EDECEA
Ombre
- 4E4432
- 413829
- 352E21
- 292319
- 1E1911
- 131009
- 090704
- 030201
- 000000
Toni
- 5F5442
- 625949
- 665D4F
- 6A6256
- 6D675D
- 716C64
- 75716B
- 787672
- 7C7B79
Armonie di colore
Complementare +180°
- 5B4F3B
Beech
- 465164
≈ Navy Damask
Analogo -30° +30°
- 5B4F3B
Beech
- 614C40
≈ Roasted Nuts
- 52533C
≈ Amazon Depths
Triadico +120° +240°
- 5B4F3B
Beech
- 395758
≈ Abysse
- 5A4B5D
≈ Purple Fury
Complementare divisa +150° +210°
- 5B4F3B
Beech
- 3D5561
≈ Dark Secret
- 504E63
≈ Legendary Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.99:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.62:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--beech: #5b4f3b;
--beech-rgb: 91 79 59;
--beech-oklch: oklch(0.434 0.035 80.3);
}
.element {
color: var(--beech);
background-color: hsl(38 21% 29%);
border-color: oklch(0.434 0.035 80.3);
}Tailwind CSS v4
@theme {
--color-beech: #5b4f3b;
--color-beech-50: #faf4ea;
--color-beech-100: #eee7db;
--color-beech-200: #dcd3c4;
--color-beech-300: #c0b6a4;
--color-beech-400: #a99d88;
--color-beech-500: #92846c;
--color-beech-600: #7c705c;
--color-beech-700: #635949;
--color-beech-800: #494135;
--color-beech-900: #332d24;
--color-beech-950: #1e1a13;
}SCSS
$beech: #5b4f3b;
$beech-rgb: 91, 79, 59;
$beech-light: mix(#fff, $beech, 20%);
$beech-dark: mix(#000, $beech, 20%);
.element {
color: $beech;
box-shadow: 0 0 0 2px rgba($beech, 0.35);
}