Nächste benannte Farbe · #976E4B
#976E4B
Nächste benannte Farbe: Frappé au Chocolat
#976E4B (rgb(151 110 75), hsl(28 34% 44%), oklch(0.572 0.072 61.1)) liegt am nächsten an der benannten Farbe Frappé au Chocolat. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#976E4B
oklch(0.572 0.072 61.1)
Farbumrechnungen
- HEX
- #976e4b
- RGB
- rgb(151 110 75)
- HSL
- hsl(28 34% 44%)
- HWB
- hwb(28 29% 41%)
- OKLCH
- oklch(0.572 0.072 61.1)
- OKLab
- oklab(0.572 0.035 0.063)
- CIE Lab
- lab(50.09 13.6 26.19)
- LCH
- lch(50.09 29.51 62.6)
- CMYK
- cmyk(0% 27% 50% 41%)
Tints · Shades · Tones
Tints
- A17C5C
- AC8A6E
- B6987F
- C1A691
- CBB5A2
- D5C3B5
- E0D2C7
- EAE1D9
- F5F0EC
Shades
- 835F40
- 6F5035
- 5C412B
- 493321
- 372617
- 26190E
- 170E06
- 080402
- 010100
Tones
- 957051
- 937256
- 91745C
- 8F7661
- 8C7867
- 8A796C
- 887B71
- 857D76
- 837E7B
Farbharmonien
Komplementär +180°
- 976E4B
Frappé au Chocolat
- 507D9F
≈ Biedermeier Blue
Analog -30° +30°
- 976E4B
Frappé au Chocolat
- 9E685E
≈ Terra Cotta Sun
- 887644
≈ Pickled Okra
Triadisch +120° +240°
- 976E4B
Frappé au Chocolat
- 42867A
≈ Carlisle
- 7F6E9C
≈ Queen’s
Geteilt komplementär +150° +210°
- 976E4B
Frappé au Chocolat
- 3E8390
≈ Shady Blue
- 6876A3
≈ Blue Batik
Tetradisch +90° +180° +270°
- 976E4B
Frappé au Chocolat
- 578462
≈ Soylent Green
- 507D9F
≈ Biedermeier Blue
- 91688B
≈ Chinese Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.64:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--frappe-au-chocolat: #976e4b;
--frappe-au-chocolat-rgb: 151 110 75;
--frappe-au-chocolat-oklch: oklch(0.572 0.072 61.1);
}
.element {
color: var(--frappe-au-chocolat);
background-color: hsl(28 34% 44%);
border-color: oklch(0.572 0.072 61.1);
}Tailwind CSS v4
@theme {
--color-frappe-au-chocolat: #976e4b;
--color-frappe-au-chocolat-50: #fff1e1;
--color-frappe-au-chocolat-100: #fae3d0;
--color-frappe-au-chocolat-200: #ebceb5;
--color-frappe-au-chocolat-300: #d2b092;
--color-frappe-au-chocolat-400: #be9573;
--color-frappe-au-chocolat-500: #a97b54;
--color-frappe-au-chocolat-600: #8f6847;
--color-frappe-au-chocolat-700: #735339;
--color-frappe-au-chocolat-800: #553c29;
--color-frappe-au-chocolat-900: #3b291b;
--color-frappe-au-chocolat-950: #25170c;
}SCSS
$frappe-au-chocolat: #976e4b;
$frappe-au-chocolat-rgb: 151, 110, 75;
$frappe-au-chocolat-light: mix(#fff, $frappe-au-chocolat, 20%);
$frappe-au-chocolat-dark: mix(#000, $frappe-au-chocolat, 20%);
.element {
color: $frappe-au-chocolat;
box-shadow: 0 0 0 2px rgba($frappe-au-chocolat, 0.35);
}