Benannte Farbe · #9E91AE
Compliment
Compliment ist #9E91AE: rgb(158 145 174), hsl(267 15% 63%), oklch(0.678 0.045 305.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Compliment color name →
#9E91AE
oklch(0.678 0.045 305.5)
Farbumrechnungen
- HEX
- #9e91ae
- RGB
- rgb(158 145 174)
- HSL
- hsl(267 15% 63%)
- HWB
- hwb(267 57% 32%)
- OKLCH
- oklch(0.678 0.045 305.5)
- OKLab
- oklab(0.678 0.026 -0.036)
- CIE Lab
- lab(62.06 9.24 -13.44)
- LCH
- lch(62.06 16.31 304.5)
- CMYK
- cmyk(9% 17% 0% 32%)
Tints · Shades · Tones
Tints
- A79CB6
- B1A6BE
- BAB1C6
- C4BCCE
- CDC7D6
- D7D2DE
- E1DDE6
- EBE8EF
- F5F4F7
Shades
- 897D97
- 746A80
- 60586A
- 4D4655
- 3A3541
- 29252E
- 18151C
- 09070B
- 010101
Tones
- 9B8FA9
- 988EA5
- 958CA0
- 928A9B
- 8F8997
- 8C8792
- 89858E
- 868389
- 838285
Farbharmonien
Komplementär +180°
- 9E91AE
Compliment
- 919D7F
≈ Willowbrook Manor
Analog -30° +30°
- 9E91AE
Compliment
- 8F96B4
≈ Vintage Ribbon
- AA8EA2
≈ Mauve Musk
Triadisch +120° +240°
- 9E91AE
Compliment
- AB937B
≈ Saddle Up
- 79A19B
≈ Delaware Blue Hen
Geteilt komplementär +150° +210°
- 9E91AE
Compliment
- A09879
≈ A Frond in Need
- 82A08C
≈ Mossy Bench
Tetradisch +90° +180° +270°
- 9E91AE
Compliment
- B18E85
≈ Hollow Brown
- 919D7F
≈ Willowbrook Manor
- 799FA9
≈ Seascape
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.11:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--compliment: #9e91ae;
--compliment-rgb: 158 145 174;
--compliment-oklch: oklch(0.678 0.045 305.5);
}
.element {
color: var(--compliment);
background-color: hsl(267 15% 63%);
border-color: oklch(0.678 0.045 305.5);
}Tailwind CSS v4
@theme {
--color-compliment: #9e91ae;
--color-compliment-50: #f8f2ff;
--color-compliment-100: #ece4f4;
--color-compliment-200: #d9d0e3;
--color-compliment-300: #bdb2ca;
--color-compliment-400: #a598b4;
--color-compliment-500: #8d7f9e;
--color-compliment-600: #776c86;
--color-compliment-700: #5f566b;
--color-compliment-800: #453f4f;
--color-compliment-900: #302b37;
--color-compliment-950: #1c1922;
}SCSS
$compliment: #9e91ae;
$compliment-rgb: 158, 145, 174;
$compliment-light: mix(#fff, $compliment, 20%);
$compliment-dark: mix(#000, $compliment, 20%);
.element {
color: $compliment;
box-shadow: 0 0 0 2px rgba($compliment, 0.35);
}