Benannte Farbe · #675A49
Lewisham
Lewisham ist #675A49: rgb(103 90 73), hsl(34 17% 35%), oklch(0.475 0.031 74.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lewisham color name →
#675A49
oklch(0.475 0.031 74.3)
Farbumrechnungen
- HEX
- #675a49
- RGB
- rgb(103 90 73)
- HSL
- hsl(34 17% 35%)
- HWB
- hwb(34 29% 60%)
- OKLCH
- oklch(0.475 0.031 74.3)
- OKLab
- oklab(0.475 0.008 0.03)
- CIE Lab
- lab(39.16 3.3 11.9)
- LCH
- lch(39.16 12.35 74.5)
- CMYK
- cmyk(0% 13% 29% 60%)
Tints · Shades · Tones
Tints
- 756959
- 83796A
- 92887C
- A1988D
- B0A9A0
- BFBAB2
- CFCBC5
- DFDCD8
- EFEDEB
Shades
- 594D3E
- 4B4134
- 3D352A
- 302920
- 231E17
- 17130E
- 0C0906
- 040302
- 000000
Tones
- 6A5E4E
- 6C6154
- 6F6559
- 71695F
- 746D64
- 76716A
- 79746F
- 7B7875
- 7E7C7A
Farbharmonien
Komplementär +180°
- 675A49
Lewisham
- 505E6E
≈ Trekking Blue
Analog -30° +30°
- 675A49
Lewisham
- 6C574E
≈ Natural Bark
- 5F5D49
≈ Olive Court
Triadisch +120° +240°
- 675A49
Lewisham
- 486261
≈ Brochantite Green
- 635769
≈ Darkest Grape
Geteilt komplementär +150° +210°
- 675A49
Lewisham
- 4A606A
≈ Blackthorn Blue
- 5A5A6E
≈ Shearwater Black
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.69:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.13:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--lewisham: #675a49;
--lewisham-rgb: 103 90 73;
--lewisham-oklch: oklch(0.475 0.031 74.3);
}
.element {
color: var(--lewisham);
background-color: hsl(34 17% 35%);
border-color: oklch(0.475 0.031 74.3);
}Tailwind CSS v4
@theme {
--color-lewisham: #675a49;
--color-lewisham-50: #faf4ec;
--color-lewisham-100: #eee7dd;
--color-lewisham-200: #dcd3c6;
--color-lewisham-300: #c1b6a6;
--color-lewisham-400: #aa9c8b;
--color-lewisham-500: #938470;
--color-lewisham-600: #7c6f5f;
--color-lewisham-700: #63594c;
--color-lewisham-800: #494137;
--color-lewisham-900: #332d25;
--color-lewisham-950: #1e1a14;
}SCSS
$lewisham: #675a49;
$lewisham-rgb: 103, 90, 73;
$lewisham-light: mix(#fff, $lewisham, 20%);
$lewisham-dark: mix(#000, $lewisham, 20%);
.element {
color: $lewisham;
box-shadow: 0 0 0 2px rgba($lewisham, 0.35);
}