Nächste benannte Farbe · #6E4123
#6E4123
Nächste benannte Farbe: Pumpernickel
#6E4123 (rgb(110 65 35), hsl(24 52% 28%), oklch(0.422 0.076 52.9)) liegt am nächsten an der benannten Farbe Pumpernickel. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6E4123
oklch(0.422 0.076 52.9)
Farbumrechnungen
- HEX
- #6e4123
- RGB
- rgb(110 65 35)
- HSL
- hsl(24 52% 28%)
- HWB
- hwb(24 14% 57%)
- OKLCH
- oklch(0.422 0.076 52.9)
- OKLab
- oklab(0.422 0.046 0.061)
- CIE Lab
- lab(32.61 17.89 26.61)
- LCH
- lch(32.61 32.07 56.1)
- CMYK
- cmyk(0% 41% 68% 57%)
Tints · Shades · Tones
Tints
- 7C5338
- 8B644D
- 997761
- A78977
- B69C8C
- C4AFA2
- D3C3B9
- E2D6D0
- F0EBE7
Shades
- 5F371D
- 502E17
- 412511
- 331C0C
- 261307
- 190B04
- 0E0501
- 040100
- 010000
Tones
- 70472D
- 734E37
- 755440
- 775A49
- 796152
- 7A675B
- 7C6D64
- 7D736E
- 7F7A77
Farbharmonien
Komplementär +180°
- 6E4123
Pumpernickel
- 175470
≈ Tardis
Analog -30° +30°
- 6E4123
Pumpernickel
- 723C3A
≈ Tuscan Russet
- 624914
≈ Mud Brown
Triadisch +120° +240°
- 6E4123
Pumpernickel
- 0E5B4A
≈ Evergreen
- 4F4574
≈ Dramatist
Geteilt komplementär +150° +210°
- 6E4123
Pumpernickel
- 00595F
≈ Entrapment
- 374D77
≈ Noble Knight
Tetradisch +90° +180° +270°
- 6E4123
Pumpernickel
- 335831
≈ Parsley
- 175470
≈ Tardis
- 623F66
≈ Purple Odyssey
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.59:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.44:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.59:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--pumpernickel: #6e4123;
--pumpernickel-rgb: 110 65 35;
--pumpernickel-oklch: oklch(0.422 0.076 52.9);
}
.element {
color: var(--pumpernickel);
background-color: hsl(24 52% 28%);
border-color: oklch(0.422 0.076 52.9);
}Tailwind CSS v4
@theme {
--color-pumpernickel: #6e4123;
--color-pumpernickel-50: #fff0e1;
--color-pumpernickel-100: #fde2d0;
--color-pumpernickel-200: #efccb6;
--color-pumpernickel-300: #d7ae93;
--color-pumpernickel-400: #c39274;
--color-pumpernickel-500: #ae7855;
--color-pumpernickel-600: #936649;
--color-pumpernickel-700: #76513a;
--color-pumpernickel-800: #583b2a;
--color-pumpernickel-900: #3d281c;
--color-pumpernickel-950: #27160c;
}SCSS
$pumpernickel: #6e4123;
$pumpernickel-rgb: 110, 65, 35;
$pumpernickel-light: mix(#fff, $pumpernickel, 20%);
$pumpernickel-dark: mix(#000, $pumpernickel, 20%);
.element {
color: $pumpernickel;
box-shadow: 0 0 0 2px rgba($pumpernickel, 0.35);
}