Benannte Farbe · #6A493D
Classic Brown
Classic Brown ist #6A493D: rgb(106 73 61), hsl(16 27% 33%), oklch(0.439 0.049 40.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Classic Brown color name →
#6A493D
oklch(0.439 0.049 40.8)
Farbumrechnungen
- HEX
- #6a493d
- RGB
- rgb(106 73 61)
- HSL
- hsl(16 27% 33%)
- HWB
- hwb(16 24% 58%)
- OKLCH
- oklch(0.439 0.049 40.8)
- OKLab
- oklab(0.439 0.037 0.032)
- CIE Lab
- lab(34.53 13.27 13.12)
- LCH
- lch(34.53 18.66 44.7)
- CMYK
- cmyk(0% 31% 42% 58%)
Tints · Shades · Tones
Tints
- 785A4E
- 876A60
- 957C73
- A48E85
- B3A099
- C2B2AC
- D1C5C1
- E0D8D5
- EFEBEA
Shades
- 5B3E34
- 4D342B
- 3F2A22
- 31201A
- 241712
- 180E0A
- 0D0604
- 040201
- 000000
Tones
- 6D4E44
- 6F544A
- 715951
- 745F57
- 76645E
- 786A65
- 7A6F6B
- 7C7572
- 7E7A79
Farbharmonien
Komplementär +180°
- 6A493D
Classic Brown
- 315965
≈ Petro Blue
Analog -30° +30°
- 6A493D
Classic Brown
- 6A474B
≈ Estate Vineyard
- 644E33
≈ Jungle Beat
Triadisch +120° +240°
- 6A493D
Classic Brown
- 395B49
≈ Royal Hunter Green
- 4D4F6D
≈ Pango Black
Geteilt komplementär +150° +210°
- 6A493D
Classic Brown
- 2F5B58
≈ Lacrosse
- 3D546D
≈ Albeit
Tetradisch +90° +180° +270°
- 6A493D
Classic Brown
- 49583B
≈ Heavy Green
- 315965
≈ Petro Blue
- 5B4A67
≈ Paparazzi
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.97:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.63:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.97:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--classic-brown: #6a493d;
--classic-brown-rgb: 106 73 61;
--classic-brown-oklch: oklch(0.439 0.049 40.8);
}
.element {
color: var(--classic-brown);
background-color: hsl(16 27% 33%);
border-color: oklch(0.439 0.049 40.8);
}Tailwind CSS v4
@theme {
--color-classic-brown: #6a493d;
--color-classic-brown-50: #fff1ea;
--color-classic-brown-100: #f7e3db;
--color-classic-brown-200: #e8cec4;
--color-classic-brown-300: #ceb0a4;
--color-classic-brown-400: #b99588;
--color-classic-brown-500: #a37c6d;
--color-classic-brown-600: #8a695d;
--color-classic-brown-700: #6f544a;
--color-classic-brown-800: #523d36;
--color-classic-brown-900: #392a25;
--color-classic-brown-950: #231713;
}SCSS
$classic-brown: #6a493d;
$classic-brown-rgb: 106, 73, 61;
$classic-brown-light: mix(#fff, $classic-brown, 20%);
$classic-brown-dark: mix(#000, $classic-brown, 20%);
.element {
color: $classic-brown;
box-shadow: 0 0 0 2px rgba($classic-brown, 0.35);
}