Colore con nome · #745085
Affair
Affair è #745085: rgb(116 80 133), hsl(281 25% 42%), oklch(0.491 0.092 314.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Affair color name →
#745085
oklch(0.491 0.092 314.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 816091
- 8F719D
- 9C82A9
- AA93B5
- B8A4C1
- C6B6CE
- D4C8DA
- E2DAE6
- F0ECF3
Ombre
- 644473
- 543961
- 452E50
- 372440
- 291A30
- 1B1021
- 0F0713
- 050206
- 010001
Toni
- 755585
- 775A84
- 785F84
- 796484
- 7A6983
- 7C6D83
- 7D7282
- 7E7782
- 7F7B81
Armonie di colore
Complementare +180°
- 745085
Affair
- 4A6C34
≈ Tree Shade
Analogo -30° +30°
- 745085
Affair
- 5B5993
≈ Old Nan Yarn
- 854A6D
≈ Twilight Lavender
Triadico +120° +240°
Complementare divisa +150° +210°
- 745085
Affair
- 69631A
≈ Greenish Brown
- 1E7153
≈ Green Velvet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.50:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.22:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
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);
}