Benannte Farbe · #896757
Suede Leather
Suede Leather ist #896757: rgb(137 103 87), hsl(19 22% 44%), oklch(0.544 0.05 46.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Suede Leather color name →
#896757
oklch(0.544 0.05 46.4)
Farbumrechnungen
- HEX
- #896757
- RGB
- rgb(137 103 87)
- HSL
- hsl(19 22% 44%)
- HWB
- hwb(19 34% 46%)
- OKLCH
- oklch(0.544 0.05 46.4)
- OKLab
- oklab(0.544 0.035 0.036)
- CIE Lab
- lab(46.8 12.37 14.63)
- LCH
- lch(46.8 19.16 49.8)
- CMYK
- cmyk(0% 25% 36% 46%)
Tints · Shades · Tones
Tints
- 957567
- A08476
- AC9286
- B8A197
- C3B0A8
- CFC0B9
- DBCFCA
- E7DFDB
- F3EFED
Shades
- 76594B
- 644B3E
- 533D33
- 423027
- 31231C
- 221712
- 140C08
- 070403
- 010000
Tones
- 886A5B
- 886C5F
- 876F63
- 867168
- 85746C
- 847670
- 837974
- 827B78
- 817E7C
Farbharmonien
Komplementär +180°
- 896757
Suede Leather
- 507686
≈ San Miguel Blue
Analog -30° +30°
- 896757
Suede Leather
- 8B6466
≈ Grenache
- 816C4F
≈ Ermine
Triadisch +120° +240°
- 896757
Suede Leather
- 537969
≈ Kendal Green
- 6D6C8C
≈ Dark Prince
Geteilt komplementär +150° +210°
- 896757
Suede Leather
- 4B7979
≈ Lucky Shamrock
- 5D718D
≈ Coronet Blue
Tetradisch +90° +180° +270°
- 896757
Suede Leather
- 62775A
≈ Wild Axolotl
- 507686
≈ San Miguel Blue
- 7C6784
≈ Matriarch
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.07:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.14:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--suede-leather: #896757;
--suede-leather-rgb: 137 103 87;
--suede-leather-oklch: oklch(0.544 0.05 46.4);
}
.element {
color: var(--suede-leather);
background-color: hsl(19 22% 44%);
border-color: oklch(0.544 0.05 46.4);
}Tailwind CSS v4
@theme {
--color-suede-leather: #896757;
--color-suede-leather-50: #fff1e9;
--color-suede-leather-100: #f7e3da;
--color-suede-leather-200: #e7cec2;
--color-suede-leather-300: #ceb0a1;
--color-suede-leather-400: #b89686;
--color-suede-leather-500: #a37c6a;
--color-suede-leather-600: #8a695a;
--color-suede-leather-700: #6e5448;
--color-suede-leather-800: #523d34;
--color-suede-leather-900: #392a24;
--color-suede-leather-950: #231712;
}SCSS
$suede-leather: #896757;
$suede-leather-rgb: 137, 103, 87;
$suede-leather-light: mix(#fff, $suede-leather, 20%);
$suede-leather-dark: mix(#000, $suede-leather, 20%);
.element {
color: $suede-leather;
box-shadow: 0 0 0 2px rgba($suede-leather, 0.35);
}