Benannte Farbe · #966B34
Vintage Caramel
Vintage Caramel ist #966B34: rgb(150 107 52), hsl(34 49% 40%), oklch(0.561 0.09 70.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Vintage Caramel color name →
#966B34
oklch(0.561 0.09 70.8)
Farbumrechnungen
- HEX
- #966b34
- RGB
- rgb(150 107 52)
- HSL
- hsl(34 49% 40%)
- HWB
- hwb(34 20% 41%)
- OKLCH
- oklch(0.561 0.09 70.8)
- OKLab
- oklab(0.561 0.03 0.085)
- CIE Lab
- lab(48.93 13.39 37.21)
- LCH
- lch(48.93 39.55 70.2)
- CMYK
- cmyk(0% 29% 65% 41%)
Tints · Shades · Tones
Tints
- A07949
- AB875D
- B59671
- C0A485
- CAB399
- D5C2AD
- DFD1C1
- EAE0D5
- F4F0EA
Shades
- 825C2C
- 6E4E24
- 5B3F1C
- 493215
- 37250E
- 261807
- 160D03
- 080401
- 010000
Tones
- 946D3D
- 927046
- 90724E
- 8E7456
- 8C765D
- 8A7865
- 877A6C
- 857C72
- 837E79
Farbharmonien
Komplementär +180°
- 966B34
Vintage Caramel
- 4A78A8
≈ Co Pilot
Analog -30° +30°
- 966B34
Vintage Caramel
- A1624A
≈ Deer Tracks
- 807631
≈ Spanish Bistre
Triadisch +120° +240°
- 966B34
Vintage Caramel
- 1B8581
≈ Green Lapis
- 86659C
≈ Dark Lavender
Geteilt komplementär +150° +210°
- 966B34
Vintage Caramel
- 26809A
≈ Valley of Glaciers
- 6B6EA9
≈ Jacaranda Jazz
Tetradisch +90° +180° +270°
- 966B34
Vintage Caramel
- 3D8563
≈ Chrysocolla Green
- 4A78A8
≈ Co Pilot
- 985F85
≈ Raspberry Jelly Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.71:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.44:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--vintage-caramel: #966b34;
--vintage-caramel-rgb: 150 107 52;
--vintage-caramel-oklch: oklch(0.561 0.09 70.8);
}
.element {
color: var(--vintage-caramel);
background-color: hsl(34 49% 40%);
border-color: oklch(0.561 0.09 70.8);
}Tailwind CSS v4
@theme {
--color-vintage-caramel: #966b34;
--color-vintage-caramel-50: #fff2da;
--color-vintage-caramel-100: #fbe4c8;
--color-vintage-caramel-200: #eccfaa;
--color-vintage-caramel-300: #d4b184;
--color-vintage-caramel-400: #c09562;
--color-vintage-caramel-500: #ac7b3d;
--color-vintage-caramel-600: #916835;
--color-vintage-caramel-700: #74532a;
--color-vintage-caramel-800: #573c1d;
--color-vintage-caramel-900: #3d2913;
--color-vintage-caramel-950: #261705;
}SCSS
$vintage-caramel: #966b34;
$vintage-caramel-rgb: 150, 107, 52;
$vintage-caramel-light: mix(#fff, $vintage-caramel, 20%);
$vintage-caramel-dark: mix(#000, $vintage-caramel, 20%);
.element {
color: $vintage-caramel;
box-shadow: 0 0 0 2px rgba($vintage-caramel, 0.35);
}