Nächste benannte Farbe · #4F3332
#4F3332
Nächste benannte Farbe: Espresso
#4F3332 (rgb(79 51 50), hsl(2 22% 25%), oklch(0.354 0.041 21.6)) liegt am nächsten an der benannten Farbe Espresso. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4F3332
oklch(0.354 0.041 21.6)
Farbumrechnungen
- HEX
- #4f3332
- RGB
- rgb(79 51 50)
- HSL
- hsl(2 22% 25%)
- HWB
- hwb(2 20% 69%)
- OKLCH
- oklch(0.354 0.041 21.6)
- OKLab
- oklab(0.354 0.038 0.015)
- CIE Lab
- lab(24.66 12.93 6.07)
- LCH
- lch(24.66 14.28 25.1)
- CMYK
- cmyk(0% 35% 37% 69%)
Tints · Shades · Tones
Tints
- 5F4544
- 705756
- 816B69
- 927E7D
- A49392
- B6A7A7
- C8BDBC
- DAD2D2
- ECE9E8
Shades
- 442B2A
- 382322
- 2E1C1B
- 231414
- 190D0D
- 100707
- 070303
- 020101
- 000000
Tones
- 543A39
- 594241
- 5E4948
- 635150
- 685858
- 6D605F
- 726867
- 767070
- 7B7878
Farbharmonien
Komplementär +180°
- 4F3332
Espresso
- 1F4245
≈ Pine Hollow
Analog -30° +30°
- 4F3332
Espresso
- 4C333E
≈ Red Onion
- 4D3528
≈ Sepia Brown
Triadisch +120° +240°
- 4F3332
Espresso
- 2F412D
≈ Deep Seaweed
- 303C51
≈ Biscay
Geteilt komplementär +150° +210°
- 4F3332
Espresso
- 244339
≈ English Holly
- 243F4D
≈ Depths of the Nile
Tetradisch +90° +180° +270°
- 4F3332
Espresso
- 3C3E24
≈ Green 383
- 1F4245
≈ Pine Hollow
- 3C384F
≈ Caddies Silk
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.33:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.85:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.33:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--espresso: #4f3332;
--espresso-rgb: 79 51 50;
--espresso-oklch: oklch(0.354 0.041 21.6);
}
.element {
color: var(--espresso);
background-color: hsl(2 22% 25%);
border-color: oklch(0.354 0.041 21.6);
}Tailwind CSS v4
@theme {
--color-espresso: #4f3332;
--color-espresso-50: #fff1ef;
--color-espresso-100: #f5e3e1;
--color-espresso-200: #e5cecc;
--color-espresso-300: #ccb0ad;
--color-espresso-400: #b69594;
--color-espresso-500: #a07c7a;
--color-espresso-600: #876967;
--color-espresso-700: #6c5453;
--color-espresso-800: #503d3d;
--color-espresso-900: #382a2a;
--color-espresso-950: #221717;
}SCSS
$espresso: #4f3332;
$espresso-rgb: 79, 51, 50;
$espresso-light: mix(#fff, $espresso, 20%);
$espresso-dark: mix(#000, $espresso, 20%);
.element {
color: $espresso;
box-shadow: 0 0 0 2px rgba($espresso, 0.35);
}