Benannte Farbe · #928A98
Tin Lizzie
Tin Lizzie ist #928A98: rgb(146 138 152), hsl(274 6% 57%), oklch(0.645 0.023 311). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tin Lizzie color name →
#928A98
oklch(0.645 0.023 311)
Farbumrechnungen
- HEX
- #928a98
- RGB
- rgb(146 138 152)
- HSL
- hsl(274 6% 57%)
- HWB
- hwb(274 54% 40%)
- OKLCH
- oklch(0.645 0.023 311)
- OKLab
- oklab(0.645 0.015 -0.017)
- CIE Lab
- lab(58.53 5.13 -6.35)
- LCH
- lch(58.53 8.16 308.9)
- CMYK
- cmyk(4% 9% 0% 40%)
Tints · Shades · Tones
Tints
- 9C95A2
- A7A0AC
- B2ACB6
- BCB7C0
- C7C3CA
- D2CFD5
- DDDBDF
- E8E7EA
- F4F3F4
Shades
- 7E7784
- 6B6570
- 58535C
- 46424A
- 353238
- 252227
- 161417
- 080708
- 010101
Tones
- 908996
- 8E8893
- 8D8791
- 8B868E
- 89858C
- 87848A
- 858387
- 848285
- 828182
Farbharmonien
Komplementär +180°
- 928A98
Tin Lizzie
- 899183
≈ Lavender Leaf Green
Analog -30° +30°
- 928A98
Tin Lizzie
- 8B8C9B
≈ Flannel Pyjamas
- 988992
≈ Purple Mauve
Triadisch +120° +240°
- 928A98
Tin Lizzie
- 978C7F
≈ Vintage Khaki
- 7F9291
≈ Scarborough
Geteilt komplementär +150° +210°
- 928A98
Tin Lizzie
- 908E7F
≈ Old Soul
- 829289
≈ Zinc Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.32:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.31:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--tin-lizzie: #928a98;
--tin-lizzie-rgb: 146 138 152;
--tin-lizzie-oklch: oklch(0.645 0.023 311);
}
.element {
color: var(--tin-lizzie);
background-color: hsl(274 6% 57%);
border-color: oklch(0.645 0.023 311);
}Tailwind CSS v4
@theme {
--color-tin-lizzie: #928a98;
--color-tin-lizzie-50: #f7f3fa;
--color-tin-lizzie-100: #eae6ed;
--color-tin-lizzie-200: #d8d2db;
--color-tin-lizzie-300: #bbb4c0;
--color-tin-lizzie-400: #a39ba8;
--color-tin-lizzie-500: #8b8291;
--color-tin-lizzie-600: #766e7b;
--color-tin-lizzie-700: #5e5862;
--color-tin-lizzie-800: #454048;
--color-tin-lizzie-900: #2f2c32;
--color-tin-lizzie-950: #1c191e;
}SCSS
$tin-lizzie: #928a98;
$tin-lizzie-rgb: 146, 138, 152;
$tin-lizzie-light: mix(#fff, $tin-lizzie, 20%);
$tin-lizzie-dark: mix(#000, $tin-lizzie, 20%);
.element {
color: $tin-lizzie;
box-shadow: 0 0 0 2px rgba($tin-lizzie, 0.35);
}