Nächste benannte Farbe · #8F6F48
#8F6F48
Nächste benannte Farbe: Sneaky Sesame
#8F6F48 (rgb(143 111 72), hsl(33 33% 42%), oklch(0.564 0.068 71.2)) liegt am nächsten an der benannten Farbe Sneaky Sesame. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8F6F48
oklch(0.564 0.068 71.2)
Farbumrechnungen
- HEX
- #8f6f48
- RGB
- rgb(143 111 72)
- HSL
- hsl(33 33% 42%)
- HWB
- hwb(33 28% 44%)
- OKLCH
- oklch(0.564 0.068 71.2)
- OKLab
- oklab(0.564 0.022 0.064)
- CIE Lab
- lab(49.37 9.3 26.74)
- LCH
- lch(49.37 28.32 70.8)
- CMYK
- cmyk(0% 22% 50% 44%)
Tints · Shades · Tones
Tints
- 9A7D5A
- A58A6B
- B0987D
- BBA78F
- C6B5A1
- D1C3B3
- DDD2C6
- E8E1D9
- F4F0EC
Shades
- 7C603D
- 695133
- 574229
- 45341F
- 342716
- 241A0D
- 150E06
- 070402
- 010100
Tones
- 8E714E
- 8C7354
- 8B745A
- 897660
- 887865
- 867A6B
- 857B70
- 837D75
- 827E7B
Farbharmonien
Komplementär +180°
- 8F6F48
Sneaky Sesame
- 57799D
≈ Quiet Harbour
Analog -30° +30°
- 8F6F48
Sneaky Sesame
- 986856
≈ Bucking Bronco
- 7E7747
≈ Peppered Moss
Triadisch +120° +240°
- 8F6F48
Sneaky Sesame
- 40837F
≈ Emu Egg
- 836A93
≈ Ornate
Geteilt komplementär +150° +210°
- 8F6F48
Sneaky Sesame
- 447F92
≈ Aristocratic
- 6E719D
≈ Hyacinth Mauve
Tetradisch +90° +180° +270°
- 8F6F48
Sneaky Sesame
- 508269
≈ Tournament Field
- 57799D
≈ Quiet Harbour
- 926681
≈ Milkwort Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.63:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.53:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--sneaky-sesame: #8f6f48;
--sneaky-sesame-rgb: 143 111 72;
--sneaky-sesame-oklch: oklch(0.564 0.068 71.2);
}
.element {
color: var(--sneaky-sesame);
background-color: hsl(33 33% 42%);
border-color: oklch(0.564 0.068 71.2);
}Tailwind CSS v4
@theme {
--color-sneaky-sesame: #8f6f48;
--color-sneaky-sesame-50: #fff3e0;
--color-sneaky-sesame-100: #f6e5d0;
--color-sneaky-sesame-200: #e6d0b5;
--color-sneaky-sesame-300: #cdb391;
--color-sneaky-sesame-400: #b89872;
--color-sneaky-sesame-500: #a37f53;
--color-sneaky-sesame-600: #8a6b47;
--color-sneaky-sesame-700: #6e5638;
--color-sneaky-sesame-800: #523e28;
--color-sneaky-sesame-900: #392b1b;
--color-sneaky-sesame-950: #23180b;
}SCSS
$sneaky-sesame: #8f6f48;
$sneaky-sesame-rgb: 143, 111, 72;
$sneaky-sesame-light: mix(#fff, $sneaky-sesame, 20%);
$sneaky-sesame-dark: mix(#000, $sneaky-sesame, 20%);
.element {
color: $sneaky-sesame;
box-shadow: 0 0 0 2px rgba($sneaky-sesame, 0.35);
}