Nächste benannte Farbe · #423C29
#423C29
Nächste benannte Farbe: Madras
#423C29 (rgb(66 60 41), hsl(46 23% 21%), oklch(0.357 0.032 92.6)) liegt am nächsten an der benannten Farbe Madras. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#423C29
oklch(0.357 0.032 92.6)
Farbumrechnungen
- HEX
- #423c29
- RGB
- rgb(66 60 41)
- HSL
- hsl(46 23% 21%)
- HWB
- hwb(46 16% 74%)
- OKLCH
- oklch(0.357 0.032 92.6)
- OKLab
- oklab(0.357 -0.001 0.032)
- CIE Lab
- lab(25.52 0.15 12.78)
- LCH
- lch(25.52 12.78 89.3)
- CMYK
- cmyk(0% 9% 38% 74%)
Tints · Shades · Tones
Tints
- 534D3C
- 645F4F
- 767163
- 888478
- 9B988D
- AEACA3
- C2C0B9
- D6D5D0
- EAEAE7
Shades
- 383322
- 2F2A1C
- 252115
- 1C190F
- 141109
- 0B0A05
- 050402
- 010101
- 000000
Tones
- 484231
- 4E493A
- 545042
- 5A564B
- 605D53
- 66645C
- 6D6B65
- 73726E
- 797977
Farbharmonien
Komplementär +180°
- 423C29
Madras
- 363B4D
≈ Old Mill
Analog -30° +30°
- 423C29
Madras
- 48392B
≈ Batch Brew
- 393F2D
≈ Green Kelp
Triadisch +120° +240°
- 423C29
Madras
- 284146
≈ Japanese Indigo
- 473644
≈ Vincotto
Geteilt komplementär +150° +210°
- 423C29
Madras
- 2E3E4C
≈ Pitch Cobalt
- 3F384A
≈ Martinique
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.99:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.91:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 10.99:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--madras: #423c29;
--madras-rgb: 66 60 41;
--madras-oklch: oklch(0.357 0.032 92.6);
}
.element {
color: var(--madras);
background-color: hsl(46 23% 21%);
border-color: oklch(0.357 0.032 92.6);
}Tailwind CSS v4
@theme {
--color-madras: #423c29;
--color-madras-50: #f8f5eb;
--color-madras-100: #ebe8dc;
--color-madras-200: #d8d4c5;
--color-madras-300: #bcb8a6;
--color-madras-400: #a59e8a;
--color-madras-500: #8d866f;
--color-madras-600: #78715e;
--color-madras-700: #605b4b;
--color-madras-800: #464236;
--color-madras-900: #312e25;
--color-madras-950: #1d1a13;
}SCSS
$madras: #423c29;
$madras-rgb: 66, 60, 41;
$madras-light: mix(#fff, $madras, 20%);
$madras-dark: mix(#000, $madras, 20%);
.element {
color: $madras;
box-shadow: 0 0 0 2px rgba($madras, 0.35);
}