Benannte Farbe · #7C6042
Eastlake
Eastlake ist #7C6042: rgb(124 96 66), hsl(31 31% 37%), oklch(0.51 0.057 67.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Eastlake color name →
#7C6042
oklch(0.51 0.057 67.9)
Farbumrechnungen
- HEX
- #7c6042
- RGB
- rgb(124 96 66)
- HSL
- hsl(31 31% 37%)
- HWB
- hwb(31 26% 51%)
- OKLCH
- oklch(0.51 0.057 67.9)
- OKLab
- oklab(0.51 0.021 0.053)
- CIE Lab
- lab(43.06 8.67 21.7)
- LCH
- lch(43.06 23.37 68.2)
- CMYK
- cmyk(0% 23% 47% 51%)
Tints · Shades · Tones
Tints
- 896F54
- 957E65
- A28D78
- AF9D8A
- BCAD9D
- C9BDB0
- D6CDC3
- E4DDD7
- F1EEEB
Shades
- 6B5238
- 5A452F
- 4A3825
- 3B2C1C
- 2C2014
- 1E150B
- 110A05
- 050301
- 010000
Tones
- 7D6348
- 7D674F
- 7E6A55
- 7E6D5B
- 7F7061
- 7F7368
- 7F776E
- 807A74
- 807D7A
Farbharmonien
Komplementär +180°
- 7C6042
Eastlake
- 4C6985
≈ Wedgewood
Analog -30° +30°
- 7C6042
Eastlake
- 835B4E
≈ Iron Oxide
- 6F6740
≈ Swinging Vine
Triadisch +120° +240°
- 7C6042
Eastlake
- 3C716C
≈ Jungle Noises
- 6F5D80
≈ Grape Compote
Geteilt komplementär +150° +210°
- 7C6042
Eastlake
- 3D6E7C
≈ Grand Rapids
- 5E6387
≈ Pharaoh Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.81:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.60:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--eastlake: #7c6042;
--eastlake-rgb: 124 96 66;
--eastlake-oklch: oklch(0.51 0.057 67.9);
}
.element {
color: var(--eastlake);
background-color: hsl(31 31% 37%);
border-color: oklch(0.51 0.057 67.9);
}Tailwind CSS v4
@theme {
--color-eastlake: #7c6042;
--color-eastlake-50: #fff3e4;
--color-eastlake-100: #f5e5d4;
--color-eastlake-200: #e5d1bb;
--color-eastlake-300: #cbb398;
--color-eastlake-400: #b5997b;
--color-eastlake-500: #a07f5d;
--color-eastlake-600: #876c4f;
--color-eastlake-700: #6c563f;
--color-eastlake-800: #503f2d;
--color-eastlake-900: #382b1f;
--color-eastlake-950: #22180e;
}SCSS
$eastlake: #7c6042;
$eastlake-rgb: 124, 96, 66;
$eastlake-light: mix(#fff, $eastlake, 20%);
$eastlake-dark: mix(#000, $eastlake, 20%);
.element {
color: $eastlake;
box-shadow: 0 0 0 2px rgba($eastlake, 0.35);
}