Benannte Farbe · #7E553E
Dachshund
Dachshund ist #7E553E: rgb(126 85 62), hsl(22 34% 37%), oklch(0.488 0.065 50). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Dachshund color name →
#7E553E
oklch(0.488 0.065 50)
Farbumrechnungen
- HEX
- #7e553e
- RGB
- rgb(126 85 62)
- HSL
- hsl(22 34% 37%)
- HWB
- hwb(22 24% 51%)
- OKLCH
- oklch(0.488 0.065 50)
- OKLab
- oklab(0.488 0.042 0.05)
- CIE Lab
- lab(40.32 15.48 20.64)
- LCH
- lch(40.32 25.79 53.1)
- CMYK
- cmyk(0% 33% 51% 51%)
Tints · Shades · Tones
Tints
- 8B6550
- 977562
- A48574
- B19687
- BEA79A
- CBB8AE
- D8C9C2
- E5DBD6
- F2EDEA
Shades
- 6D4935
- 5C3D2B
- 4C3123
- 3C261A
- 2D1C12
- 1F110A
- 110804
- 050201
- 010000
Tones
- 7F5945
- 7F5E4B
- 806252
- 806659
- 806B5F
- 806F66
- 80736C
- 807873
- 807C79
Farbharmonien
Komplementär +180°
- 7E553E
Dachshund
- 35677E
≈ Byron Place
Analog -30° +30°
- 7E553E
Dachshund
- 815151
≈ Deep Rhubarb
- 735C33
≈ Florentine Dream
Triadisch +120° +240°
- 7E553E
Dachshund
- 366C5A
≈ Toad King
- 5F5A83
≈ Psychic
Geteilt komplementär +150° +210°
- 7E553E
Dachshund
- 2B6B6E
≈ Peacock Plume
- 4A6185
≈ Climate Control
Tetradisch +90° +180° +270°
- 7E553E
Dachshund
- 4C6946
≈ Garden Cucumber
- 35677E
≈ Byron Place
- 715477
≈ Trixter
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.44:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.25:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.44:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--dachshund: #7e553e;
--dachshund-rgb: 126 85 62;
--dachshund-oklch: oklch(0.488 0.065 50);
}
.element {
color: var(--dachshund);
background-color: hsl(22 34% 37%);
border-color: oklch(0.488 0.065 50);
}Tailwind CSS v4
@theme {
--color-dachshund: #7e553e;
--color-dachshund-50: #fff1e5;
--color-dachshund-100: #fbe2d5;
--color-dachshund-200: #eccdbb;
--color-dachshund-300: #d3af99;
--color-dachshund-400: #bf947c;
--color-dachshund-500: #aa7a5f;
--color-dachshund-600: #8f6751;
--color-dachshund-700: #735240;
--color-dachshund-800: #553c2f;
--color-dachshund-900: #3b291f;
--color-dachshund-950: #25170f;
}SCSS
$dachshund: #7e553e;
$dachshund-rgb: 126, 85, 62;
$dachshund-light: mix(#fff, $dachshund, 20%);
$dachshund-dark: mix(#000, $dachshund, 20%);
.element {
color: $dachshund;
box-shadow: 0 0 0 2px rgba($dachshund, 0.35);
}