Colore con nome · #803790
Dull Violet
Dull Violet è #803790: rgb(128 55 144), hsl(289 45% 39%), oklch(0.473 0.154 320.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Dull Violet color name →
#803790
oklch(0.473 0.154 320.1)
Conversioni di colore
- HEX
- #803790
- RGB
- rgb(128 55 144)
- HSL
- hsl(289 45% 39%)
- HWB
- hwb(289 22% 44%)
- OKLCH
- oklch(0.473 0.154 320.1)
- OKLab
- oklab(0.473 0.118 -0.099)
- CIE Lab
- lab(36.43 42.17 -35.52)
- LCH
- lch(36.43 55.14 319.9)
- CMYK
- cmyk(11% 62% 0% 44%)
Tinte · Ombre · Toni
Tinte
- 8D4C9B
- 9A60A7
- A673B2
- B387BD
- C09AC8
- CCAED3
- D9C2DE
- E6D6E9
- F2EAF4
Ombre
- 6E2E7D
- 5D266A
- 4D1E57
- 3D1645
- 2E0F34
- 1F0824
- 120315
- 060107
- 010001
Toni
- 81408F
- 81488E
- 81508C
- 82588B
- 825F8A
- 826688
- 816C86
- 817384
- 817A82
Armonie di colore
Complementare +180°
- 803790
Dull Violet
- 1E6F00
≈ Tatzelwurm Green
Analogo -30° +30°
- 803790
Dull Violet
- 5D46AA
≈ Swiss Plum
- 962B67
≈ Magenta Manicure
Triadico +120° +240°
- 803790
Dull Violet
- 785400
≈ Pickled Grape Leaves
- 00696D
≈ Tahitian Treat
Complementare divisa +150° +210°
- 803790
Dull Violet
- 606000
≈ Kirchner Green
- 006C54
≈ Teal Dark Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.32:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--dull-violet: #803790;
--dull-violet-rgb: 128 55 144;
--dull-violet-oklch: oklch(0.473 0.154 320.1);
}
.element {
color: var(--dull-violet);
background-color: hsl(289 45% 39%);
border-color: oklch(0.473 0.154 320.1);
}Tailwind CSS v4
@theme {
--color-dull-violet: #803790;
--color-dull-violet-50: #ffe7ff;
--color-dull-violet-100: #ffd7ff;
--color-dull-violet-200: #f4bffc;
--color-dull-violet-300: #dc9ce6;
--color-dull-violet-400: #c67ed6;
--color-dull-violet-500: #b25fc4;
--color-dull-violet-600: #9651a6;
--color-dull-violet-700: #784085;
--color-dull-violet-800: #582e64;
--color-dull-violet-900: #3d1f46;
--color-dull-violet-950: #270f2e;
}SCSS
$dull-violet: #803790;
$dull-violet-rgb: 128, 55, 144;
$dull-violet-light: mix(#fff, $dull-violet, 20%);
$dull-violet-dark: mix(#000, $dull-violet, 20%);
.element {
color: $dull-violet;
box-shadow: 0 0 0 2px rgba($dull-violet, 0.35);
}