Benannte Farbe · #7A463A
Chocolate Magma
Chocolate Magma ist #7A463A: rgb(122 70 58), hsl(11 36% 35%), oklch(0.453 0.075 33.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Chocolate Magma color name →
#7A463A
oklch(0.453 0.075 33.9)
Farbumrechnungen
- HEX
- #7a463a
- RGB
- rgb(122 70 58)
- HSL
- hsl(11 36% 35%)
- HWB
- hwb(11 23% 52%)
- OKLCH
- oklch(0.453 0.075 33.9)
- OKLab
- oklab(0.453 0.062 0.042)
- CIE Lab
- lab(35.94 21.88 17.32)
- LCH
- lch(35.94 27.91 38.4)
- CMYK
- cmyk(0% 43% 52% 52%)
Tints · Shades · Tones
Tints
- 87574C
- 95695E
- A27A71
- B08C84
- BD9F97
- CAB1AB
- D7C4C0
- E5D8D5
- F2EBEA
Shades
- 693C31
- 593228
- 492820
- 3A1E18
- 2B1510
- 1D0D09
- 100504
- 050201
- 010000
Tones
- 7B4C41
- 7C5248
- 7D584F
- 7E5E56
- 7F635D
- 7F6964
- 806F6B
- 807572
- 807A79
Farbharmonien
Komplementär +180°
- 7A463A
Chocolate Magma
- 10616F
≈ Blue Lagoon
Analog -30° +30°
- 7A463A
Chocolate Magma
- 794451
≈ Berry Bush
- 734D26
≈ Chocolate Rain
Triadisch +120° +240°
- 7A463A
Chocolate Magma
- 316243
≈ Green Pea
- 495380
≈ Mozart
Geteilt komplementär +150° +210°
- 7A463A
Chocolate Magma
- 12635B
≈ Dancing Peacock
- 2E5A7D
≈ Dark Blue
Tetradisch +90° +180° +270°
- 7A463A
Chocolate Magma
- 4E5D2C
≈ Woodman
- 10616F
≈ Blue Lagoon
- 5F4B78
≈ Impulsive Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.59:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.76:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--chocolate-magma: #7a463a;
--chocolate-magma-rgb: 122 70 58;
--chocolate-magma-oklch: oklch(0.453 0.075 33.9);
}
.element {
color: var(--chocolate-magma);
background-color: hsl(11 36% 35%);
border-color: oklch(0.453 0.075 33.9);
}Tailwind CSS v4
@theme {
--color-chocolate-magma: #7a463a;
--color-chocolate-magma-50: #ffeee7;
--color-chocolate-magma-100: #ffe0d7;
--color-chocolate-magma-200: #f2cabf;
--color-chocolate-magma-300: #daab9d;
--color-chocolate-magma-400: #c68f82;
--color-chocolate-magma-500: #b27465;
--color-chocolate-magma-600: #966256;
--color-chocolate-magma-700: #794e45;
--color-chocolate-magma-800: #593932;
--color-chocolate-magma-900: #3f2722;
--color-chocolate-magma-950: #281511;
}SCSS
$chocolate-magma: #7a463a;
$chocolate-magma-rgb: 122, 70, 58;
$chocolate-magma-light: mix(#fff, $chocolate-magma, 20%);
$chocolate-magma-dark: mix(#000, $chocolate-magma, 20%);
.element {
color: $chocolate-magma;
box-shadow: 0 0 0 2px rgba($chocolate-magma, 0.35);
}