Nächste benannte Farbe · #4D318E
#4D318E
Nächste benannte Farbe: Majestic Eggplant
#4D318E (rgb(77 49 142), hsl(258 49% 37%), oklch(0.401 0.146 292.4)) liegt am nächsten an der benannten Farbe Majestic Eggplant. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4D318E
oklch(0.401 0.146 292.4)
Farbumrechnungen
- HEX
- #4d318e
- RGB
- rgb(77 49 142)
- HSL
- hsl(258 49% 37%)
- HWB
- hwb(258 19% 44%)
- OKLCH
- oklch(0.401 0.146 292.4)
- OKLab
- oklab(0.401 0.056 -0.135)
- CIE Lab
- lab(28.09 30.6 -48.09)
- LCH
- lch(28.09 57 302.5)
- CMYK
- cmyk(46% 65% 0% 44%)
Tints · Shades · Tones
Tints
- 5C469A
- 6C5AA6
- 7C6EB2
- 8E82BD
- 9F97C9
- B2ABD4
- C4C0DF
- D7D4EA
- EBEAF4
Shades
- 42297B
- 372268
- 2C1A56
- 221344
- 180C34
- 0F0624
- 070315
- 020107
- 000001
Tones
- 513B8D
- 56438D
- 5A4C8C
- 5F548B
- 645B8A
- 6A6388
- 6F6A87
- 757285
- 7A7982
Farbharmonien
Komplementär +180°
- 4D318E
Majestic Eggplant
- 494C00
≈ No Emissions Green
Analog -30° +30°
- 4D318E
Majestic Eggplant
- 184195
≈ Space Explorer
- 6A2375
≈ Berry Blackmail
Triadisch +120° +240°
- 4D318E
Majestic Eggplant
- 713400
≈ Bay Brown
- 005543
≈ Sacramento State Green
Geteilt komplementär +150° +210°
- 4D318E
Majestic Eggplant
- 5E4300
≈ Mud Brown
- 015900
≈ Duck Hunt
Tetradisch +90° +180° +270°
- 4D318E
Majestic Eggplant
- 851420
≈ Heirloom Red
- 494C00
≈ No Emissions Green
- 005258
≈ Cathedral View
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.78:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.14:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.78:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--majestic-eggplant: #4d318e;
--majestic-eggplant-rgb: 77 49 142;
--majestic-eggplant-oklch: oklch(0.401 0.146 292.4);
}
.element {
color: var(--majestic-eggplant);
background-color: hsl(258 49% 37%);
border-color: oklch(0.401 0.146 292.4);
}Tailwind CSS v4
@theme {
--color-majestic-eggplant: #4d318e;
--color-majestic-eggplant-50: #f7eeff;
--color-majestic-eggplant-100: #eadfff;
--color-majestic-eggplant-200: #d8c9ff;
--color-majestic-eggplant-300: #bca8fb;
--color-majestic-eggplant-400: #a18ded;
--color-majestic-eggplant-500: #8b70dd;
--color-majestic-eggplant-600: #755fbb;
--color-majestic-eggplant-700: #5e4c96;
--color-majestic-eggplant-800: #433771;
--color-majestic-eggplant-900: #2e264f;
--color-majestic-eggplant-950: #1b1435;
}SCSS
$majestic-eggplant: #4d318e;
$majestic-eggplant-rgb: 77, 49, 142;
$majestic-eggplant-light: mix(#fff, $majestic-eggplant, 20%);
$majestic-eggplant-dark: mix(#000, $majestic-eggplant, 20%);
.element {
color: $majestic-eggplant;
box-shadow: 0 0 0 2px rgba($majestic-eggplant, 0.35);
}