Benannte Farbe · #5B4F3B
Beech
Beech ist #5B4F3B: rgb(91 79 59), hsl(38 21% 29%), oklch(0.434 0.035 80.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Beech color name →
#5B4F3B
oklch(0.434 0.035 80.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 6A5F4D
- 796F5F
- 898071
- 999184
- A9A398
- BAB5AC
- CBC7C0
- DCD9D5
- EDECEA
Shades
- 4E4432
- 413829
- 352E21
- 292319
- 1E1911
- 131009
- 090704
- 030201
- 000000
Tones
- 5F5442
- 625949
- 665D4F
- 6A6256
- 6D675D
- 716C64
- 75716B
- 787672
- 7C7B79
Farbharmonien
Komplementär +180°
- 5B4F3B
Beech
- 465164
≈ Navy Damask
Analog -30° +30°
- 5B4F3B
Beech
- 614C40
≈ Roasted Nuts
- 52533C
≈ Amazon Depths
Triadisch +120° +240°
- 5B4F3B
Beech
- 395758
≈ Abysse
- 5A4B5D
≈ Purple Fury
Geteilt komplementär +150° +210°
- 5B4F3B
Beech
- 3D5561
≈ Dark Secret
- 504E63
≈ Legendary Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.99:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
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);
}