Nächste benannte Farbe · #4E2B08
#4E2B08
Nächste benannte Farbe: Moelleux au Chocolat
#4E2B08 (rgb(78 43 8), hsl(30 81% 17%), oklch(0.328 0.069 60.3)) liegt am nächsten an der benannten Farbe Moelleux au Chocolat. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4E2B08
oklch(0.328 0.069 60.3)
Farbumrechnungen
- HEX
- #4e2b08
- RGB
- rgb(78 43 8)
- HSL
- hsl(30 81% 17%)
- HWB
- hwb(30 3% 69%)
- OKLCH
- oklch(0.328 0.069 60.3)
- OKLab
- oklab(0.328 0.034 0.06)
- CIE Lab
- lab(21.73 14.49 27.77)
- LCH
- lch(21.73 31.32 62.4)
- CMYK
- cmyk(0% 45% 90% 69%)
Tints · Shades · Tones
Tints
- 5F3E22
- 705138
- 81654F
- 927A67
- A48F7E
- B6A497
- C8BAB0
- DAD1CA
- ECE8E4
Shades
- 432406
- 381D04
- 2D1603
- 231002
- 190A01
- 0F0501
- 070200
- 020100
- 000000
Tones
- 533317
- 593C23
- 5E442F
- 634C3A
- 685546
- 6D5D51
- 72665D
- 776F68
- 7B7774
Farbharmonien
Komplementär +180°
- 4E2B08
Moelleux au Chocolat
- 083955
≈ Gibraltar Sea
Analog -30° +30°
- 4E2B08
Moelleux au Chocolat
- 53251E
≈ Torrefacto Roast
- 423300
≈ Night in the Woods
Triadisch +120° +240°
- 4E2B08
Moelleux au Chocolat
- 003E36
≈ Botanical Night
- 3B2C53
≈ Midnight Pie
Geteilt komplementär +150° +210°
- 4E2B08
Moelleux au Chocolat
- 003C45
≈ Ghostlands Coal
- 273258
≈ Boatswain
Tetradisch +90° +180° +270°
- 4E2B08
Moelleux au Chocolat
- 153E21
≈ Queen of Trees
- 083955
≈ Gibraltar Sea
- 482745
≈ Opulent Mauve
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.55:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.67:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.55:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--moelleux-au-chocolat: #4e2b08;
--moelleux-au-chocolat-rgb: 78 43 8;
--moelleux-au-chocolat-oklch: oklch(0.328 0.069 60.3);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(30 81% 17%);
border-color: oklch(0.328 0.069 60.3);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #4e2b08;
--color-moelleux-au-chocolat-50: #fff1e1;
--color-moelleux-au-chocolat-100: #f9e3d1;
--color-moelleux-au-chocolat-200: #ebceb7;
--color-moelleux-au-chocolat-300: #d2b093;
--color-moelleux-au-chocolat-400: #bd9575;
--color-moelleux-au-chocolat-500: #a87b56;
--color-moelleux-au-chocolat-600: #8e694a;
--color-moelleux-au-chocolat-700: #72543a;
--color-moelleux-au-chocolat-800: #553c2a;
--color-moelleux-au-chocolat-900: #3b2a1c;
--color-moelleux-au-chocolat-950: #25170c;
}SCSS
$moelleux-au-chocolat: #4e2b08;
$moelleux-au-chocolat-rgb: 78, 43, 8;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}