Benannte Farbe · #675D62
Vintage Plum
Vintage Plum ist #675D62: rgb(103 93 98), hsl(330 5% 38%), oklch(0.49 0.015 345.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Vintage Plum color name →
#675D62
oklch(0.49 0.015 345.9)
Farbumrechnungen
- HEX
- #675d62
- RGB
- rgb(103 93 98)
- HSL
- hsl(330 5% 38%)
- HWB
- hwb(330 36% 60%)
- OKLCH
- oklch(0.49 0.015 345.9)
- OKLab
- oklab(0.49 0.014 -0.004)
- CIE Lab
- lab(40.58 4.89 -1.33)
- LCH
- lch(40.58 5.07 344.8)
- CMYK
- cmyk(0% 10% 5% 60%)
Tints · Shades · Tones
Tints
- 756C70
- 837B7F
- 928A8E
- A19A9E
- B0AAAD
- BFBBBD
- CFCBCD
- DFDCDE
- EFEEEE
Shades
- 595054
- 4B4347
- 3D373A
- 302A2D
- 231F21
- 171416
- 0C0A0B
- 040303
- 000000
Tones
- 696065
- 6C6468
- 6E676B
- 716B6E
- 736E71
- 767274
- 787577
- 7B797A
- 7D7C7D
Farbharmonien
Komplementär +180°
- 675D62
Vintage Plum
- 59635E
≈ Charcoal Briquette
Analog -30° +30°
- 675D62
Vintage Plum
- 645E66
≈ Wonder Wine
- 695D5D
≈ Moroccan Dusk
Triadisch +120° +240°
- 675D62
Vintage Plum
- 616157
≈ English Forest
- 586267
≈ Greys Harbor
Geteilt komplementär +150° +210°
- 675D62
Vintage Plum
- 5D625A
≈ Pewter Green
- 576363
≈ Paramount
Tetradisch +90° +180° +270°
- 675D62
Vintage Plum
- 655F57
≈ Manor House
- 59635E
≈ Charcoal Briquette
- 5B6169
≈ Calligraphy
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.32:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.31:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--vintage-plum: #675d62;
--vintage-plum-rgb: 103 93 98;
--vintage-plum-oklch: oklch(0.49 0.015 345.9);
}
.element {
color: var(--vintage-plum);
background-color: hsl(330 5% 38%);
border-color: oklch(0.49 0.015 345.9);
}Tailwind CSS v4
@theme {
--color-vintage-plum: #675d62;
--color-vintage-plum-50: #f9f3f6;
--color-vintage-plum-100: #ece6e9;
--color-vintage-plum-200: #d9d2d5;
--color-vintage-plum-300: #beb4b9;
--color-vintage-plum-400: #a59ba0;
--color-vintage-plum-500: #8e8288;
--color-vintage-plum-600: #786e73;
--color-vintage-plum-700: #60585c;
--color-vintage-plum-800: #464044;
--color-vintage-plum-900: #312c2f;
--color-vintage-plum-950: #1d191b;
}SCSS
$vintage-plum: #675d62;
$vintage-plum-rgb: 103, 93, 98;
$vintage-plum-light: mix(#fff, $vintage-plum, 20%);
$vintage-plum-dark: mix(#000, $vintage-plum, 20%);
.element {
color: $vintage-plum;
box-shadow: 0 0 0 2px rgba($vintage-plum, 0.35);
}