Benannte Farbe · #745085
Affair
Affair ist #745085: rgb(116 80 133), hsl(281 25% 42%), oklch(0.491 0.092 314.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Affair color name →
#745085
oklch(0.491 0.092 314.4)
Farbumrechnungen
- HEX
- #745085
- RGB
- rgb(116 80 133)
- HSL
- hsl(281 25% 42%)
- HWB
- hwb(281 31% 48%)
- OKLCH
- oklch(0.491 0.092 314.4)
- OKLab
- oklab(0.491 0.064 -0.066)
- CIE Lab
- lab(39.68 23.18 -23.89)
- LCH
- lch(39.68 33.28 314.1)
- CMYK
- cmyk(13% 40% 0% 48%)
Tints · Shades · Tones
Tints
- 816091
- 8F719D
- 9C82A9
- AA93B5
- B8A4C1
- C6B6CE
- D4C8DA
- E2DAE6
- F0ECF3
Shades
- 644473
- 543961
- 452E50
- 372440
- 291A30
- 1B1021
- 0F0713
- 050206
- 010001
Tones
- 755585
- 775A84
- 785F84
- 796484
- 7A6983
- 7C6D83
- 7D7282
- 7E7782
- 7F7B81
Farbharmonien
Komplementär +180°
- 745085
Affair
- 4A6C34
≈ Tree Shade
Analog -30° +30°
- 745085
Affair
- 5B5993
≈ Old Nan Yarn
- 854A6D
≈ Twilight Lavender
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 745085
Affair
- 69631A
≈ Greenish Brown
- 1E7153
≈ Green Velvet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.50:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.22:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--affair: #745085;
--affair-rgb: 116 80 133;
--affair-oklch: oklch(0.491 0.092 314.4);
}
.element {
color: var(--affair);
background-color: hsl(281 25% 42%);
border-color: oklch(0.491 0.092 314.4);
}Tailwind CSS v4
@theme {
--color-affair: #745085;
--color-affair-50: #ffeeff;
--color-affair-100: #f4dffd;
--color-affair-200: #e4c9ef;
--color-affair-300: #caa9d7;
--color-affair-400: #b38ec5;
--color-affair-500: #9d73b1;
--color-affair-600: #846295;
--color-affair-700: #6a4e78;
--color-affair-800: #4d3959;
--color-affair-900: #36273e;
--color-affair-950: #211528;
}SCSS
$affair: #745085;
$affair-rgb: 116, 80, 133;
$affair-light: mix(#fff, $affair, 20%);
$affair-dark: mix(#000, $affair, 20%);
.element {
color: $affair;
box-shadow: 0 0 0 2px rgba($affair, 0.35);
}