Colore con nome · #9F7BA9
Virtuous
Virtuous è #9F7BA9: rgb(159 123 169), hsl(287 21% 57%), oklch(0.634 0.079 318.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Virtuous color name →
#9F7BA9
oklch(0.634 0.079 318.8)
Conversioni di colore
- HEX
- #9f7ba9
- RGB
- rgb(159 123 169)
- HSL
- hsl(287 21% 57%)
- HWB
- hwb(287 48% 34%)
- OKLCH
- oklch(0.634 0.079 318.8)
- OKLab
- oklab(0.634 0.059 -0.052)
- CIE Lab
- lab(56.41 20.67 -19.07)
- LCH
- lch(56.41 28.12 317.3)
- CMYK
- cmyk(6% 27% 0% 34%)
Tinte · Ombre · Toni
Tinte
- A888B2
- B294BA
- BBA1C3
- C5AECB
- CEBBD4
- D8C9DC
- E2D6E5
- EBE4EE
- F5F1F6
Ombre
- 8A6A92
- 755A7C
- 614A67
- 4D3A53
- 3B2C3F
- 291E2C
- 18101B
- 09050A
- 010101
Toni
- 9C7CA5
- 997CA1
- 967D9D
- 937D99
- 907E95
- 8D7E91
- 897F8C
- 867F88
- 838084
Armonie di colore
Complementare +180°
- 9F7BA9
Virtuous
- 729667
≈ Van Gogh Olives
Analogo -30° +30°
- 9F7BA9
Virtuous
- 8883B8
≈ Bravo!
- AF7792
≈ Cipher
Triadico +120° +240°
- 9F7BA9
Virtuous
- A48551
≈ Bristle Grass
- 48999C
≈ Aquatic Green
Complementare divisa +150° +210°
- 9F7BA9
Virtuous
- 8E8E55
≈ Cornus Green
- 569A82
≈ Succulent Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.57:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.88:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--virtuous: #9f7ba9;
--virtuous-rgb: 159 123 169;
--virtuous-oklch: oklch(0.634 0.079 318.8);
}
.element {
color: var(--virtuous);
background-color: hsl(287 21% 57%);
border-color: oklch(0.634 0.079 318.8);
}Tailwind CSS v4
@theme {
--color-virtuous: #9f7ba9;
--color-virtuous-50: #ffeeff;
--color-virtuous-100: #f4e0f8;
--color-virtuous-200: #e4cae9;
--color-virtuous-300: #caabd0;
--color-virtuous-400: #b390bc;
--color-virtuous-500: #9d75a8;
--color-virtuous-600: #84638e;
--color-virtuous-700: #6a4f72;
--color-virtuous-800: #4d3a55;
--color-virtuous-900: #36283b;
--color-virtuous-950: #211625;
}SCSS
$virtuous: #9f7ba9;
$virtuous-rgb: 159, 123, 169;
$virtuous-light: mix(#fff, $virtuous, 20%);
$virtuous-dark: mix(#000, $virtuous, 20%);
.element {
color: $virtuous;
box-shadow: 0 0 0 2px rgba($virtuous, 0.35);
}