Benannte Farbe · #8B8074
Seine
Seine ist #8B8074: rgb(139 128 116), hsl(31 9% 50%), oklch(0.606 0.022 69.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Seine color name →
#8B8074
oklch(0.606 0.022 69.8)
Farbumrechnungen
- HEX
- #8b8074
- RGB
- rgb(139 128 116)
- HSL
- hsl(31 9% 50%)
- HWB
- hwb(31 45% 45%)
- OKLCH
- oklch(0.606 0.022 69.8)
- OKLab
- oklab(0.606 0.008 0.021)
- CIE Lab
- lab(54.32 2.74 8.13)
- LCH
- lch(54.32 8.58 71.3)
- CMYK
- cmyk(0% 8% 17% 45%)
Tints · Shades · Tones
Tints
- 968C81
- A1988E
- ACA49C
- B8B1A9
- C3BEB7
- CFCAC5
- DBD7D3
- E7E4E2
- F3F2F0
Shades
- 786E64
- 665D54
- 544D45
- 433D37
- 322E29
- 231F1B
- 14120F
- 070605
- 010101
Tones
- 8A8075
- 898076
- 888078
- 878079
- 86807A
- 84807B
- 83807C
- 82807E
- 81807F
Farbharmonien
Komplementär +180°
- 8B8074
Seine
- 78838F
≈ Link
Analog -30° +30°
- 8B8074
Seine
- 8F7E78
≈ Cinnamon Toast
- 858374
≈ Hanover Pewter
Triadisch +120° +240°
- 8B8074
Seine
- 748785
≈ Deep Thoughts
- 867F8C
≈ Lavender Mosaic
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.86:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.43:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--seine: #8b8074;
--seine-rgb: 139 128 116;
--seine-oklch: oklch(0.606 0.022 69.8);
}
.element {
color: var(--seine);
background-color: hsl(31 9% 50%);
border-color: oklch(0.606 0.022 69.8);
}Tailwind CSS v4
@theme {
--color-seine: #8b8074;
--color-seine-50: #f9f4ee;
--color-seine-100: #ede7e0;
--color-seine-200: #dad3ca;
--color-seine-300: #bfb6ab;
--color-seine-400: #a79c91;
--color-seine-500: #908477;
--color-seine-600: #7a7065;
--color-seine-700: #625950;
--color-seine-800: #48413a;
--color-seine-900: #322d28;
--color-seine-950: #1e1a16;
}SCSS
$seine: #8b8074;
$seine-rgb: 139, 128, 116;
$seine-light: mix(#fff, $seine, 20%);
$seine-dark: mix(#000, $seine, 20%);
.element {
color: $seine;
box-shadow: 0 0 0 2px rgba($seine, 0.35);
}