Benannte Farbe · #7B5349
Vandyck Brown
Vandyck Brown ist #7B5349: rgb(123 83 73), hsl(12 26% 38%), oklch(0.483 0.056 34.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Vandyck Brown color name →
#7B5349
oklch(0.483 0.056 34.6)
Farbumrechnungen
- HEX
- #7b5349
- RGB
- rgb(123 83 73)
- HSL
- hsl(12 26% 38%)
- HWB
- hwb(12 29% 52%)
- OKLCH
- oklch(0.483 0.056 34.6)
- OKLab
- oklab(0.483 0.046 0.032)
- CIE Lab
- lab(39.6 16.21 12.98)
- LCH
- lch(39.6 20.76 38.7)
- CMYK
- cmyk(0% 33% 41% 52%)
Tints · Shades · Tones
Tints
- 88635A
- 95736A
- A2847C
- AF948E
- BCA5A0
- CAB7B2
- D7C8C5
- E4DAD8
- F2EDEB
Shades
- 6A473E
- 5A3B34
- 4A302A
- 3A2520
- 2C1B17
- 1E110E
- 100806
- 050202
- 010000
Tones
- 7C584E
- 7D5C54
- 7D6159
- 7E655F
- 7F6A64
- 7F6E6A
- 7F736F
- 807775
- 807C7A
Farbharmonien
Komplementär +180°
- 7B5349
Vandyck Brown
- 356772
≈ Loon Turquoise
Analog -30° +30°
- 7B5349
Vandyck Brown
- 7A515A
≈ Stravinsky Pink
- 75583C
≈ Moroccan Blunt
Triadisch +120° +240°
- 7B5349
Vandyck Brown
- 446850
≈ Green Perennial
- 555C7F
≈ Deep Lavender
Geteilt komplementär +150° +210°
- 7B5349
Vandyck Brown
- 366962
≈ Seiheki Green
- 43627C
≈ Stellar
Tetradisch +90° +180° +270°
- 7B5349
Vandyck Brown
- 576441
≈ Gretna Green
- 356772
≈ Loon Turquoise
- 665779
≈ Regal Gown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.61:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.17:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--vandyck-brown: #7b5349;
--vandyck-brown-rgb: 123 83 73;
--vandyck-brown-oklch: oklch(0.483 0.056 34.6);
}
.element {
color: var(--vandyck-brown);
background-color: hsl(12 26% 38%);
border-color: oklch(0.483 0.056 34.6);
}Tailwind CSS v4
@theme {
--color-vandyck-brown: #7b5349;
--color-vandyck-brown-50: #fff0ea;
--color-vandyck-brown-100: #fae2db;
--color-vandyck-brown-200: #ebccc4;
--color-vandyck-brown-300: #d2aea4;
--color-vandyck-brown-400: #bd9388;
--color-vandyck-brown-500: #a8796d;
--color-vandyck-brown-600: #8e675d;
--color-vandyck-brown-700: #72524a;
--color-vandyck-brown-800: #543b36;
--color-vandyck-brown-900: #3b2925;
--color-vandyck-brown-950: #251713;
}SCSS
$vandyck-brown: #7b5349;
$vandyck-brown-rgb: 123, 83, 73;
$vandyck-brown-light: mix(#fff, $vandyck-brown, 20%);
$vandyck-brown-dark: mix(#000, $vandyck-brown, 20%);
.element {
color: $vandyck-brown;
box-shadow: 0 0 0 2px rgba($vandyck-brown, 0.35);
}