Nächste benannte Farbe · #893067
#893067
Nächste benannte Farbe: Midnight Aubergine
#893067 (rgb(137 48 103), hsl(323 48% 36%), oklch(0.456 0.136 345.8)) liegt am nächsten an der benannten Farbe Midnight Aubergine. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#893067
oklch(0.456 0.136 345.8)
Farbumrechnungen
- HEX
- #893067
- RGB
- rgb(137 48 103)
- HSL
- hsl(323 48% 36%)
- HWB
- hwb(323 19% 46%)
- OKLCH
- oklch(0.456 0.136 345.8)
- OKLab
- oklab(0.456 0.132 -0.033)
- CIE Lab
- lab(35.02 42.81 -12.06)
- LCH
- lch(35.02 44.48 344.3)
- CMYK
- cmyk(0% 65% 25% 46%)
Tints · Shades · Tones
Tints
- 964575
- A35A84
- AF6E92
- BC82A1
- C796B0
- D3ABC0
- DEBFCF
- E9D4DF
- F4EAEF
Shades
- 762859
- 64214B
- 531A3D
- 421330
- 310C23
- 220617
- 14030C
- 070104
- 010000
Tones
- 893A6A
- 89436C
- 894B6F
- 895371
- 885B74
- 876376
- 866A79
- 84727B
- 82797E
Farbharmonien
Komplementär +180°
- 893067
Midnight Aubergine
- 00674A
≈ Victoria Green
Analog -30° +30°
- 893067
Midnight Aubergine
- 733A89
≈ Perkin Mauve
- 932D3D
≈ Rumba Red
Triadisch +120° +240°
- 893067
Midnight Aubergine
- 5F5A00
≈ Greensboro
- 00607C
≈ Blue-Collar
Geteilt komplementär +150° +210°
- 893067
Midnight Aubergine
- 306600
≈ Keen Green
- 006465
≈ Really Teal
Tetradisch +90° +180° +270°
- 893067
Midnight Aubergine
- 754E00
≈ Lucky Brown
- 00674A
≈ Victoria Green
- 1756A1
≈ Princess Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.82:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.68:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-aubergine: #893067;
--midnight-aubergine-rgb: 137 48 103;
--midnight-aubergine-oklch: oklch(0.456 0.136 345.8);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(323 48% 36%);
border-color: oklch(0.456 0.136 345.8);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #893067;
--color-midnight-aubergine-50: #ffe6fc;
--color-midnight-aubergine-100: #ffd6f0;
--color-midnight-aubergine-200: #ffbddf;
--color-midnight-aubergine-300: #eb9ac4;
--color-midnight-aubergine-400: #d77cb0;
--color-midnight-aubergine-500: #c45c99;
--color-midnight-aubergine-600: #a54f82;
--color-midnight-aubergine-700: #853f68;
--color-midnight-aubergine-800: #622d4e;
--color-midnight-aubergine-900: #451e36;
--color-midnight-aubergine-950: #2c0e21;
}SCSS
$midnight-aubergine: #893067;
$midnight-aubergine-rgb: 137, 48, 103;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}