Nazwany kolor · #784384
Nightly Violet
Nightly Violet to #784384: rgb(120 67 132), hsl(289 33% 39%), oklch(0.473 0.117 320). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Nightly Violet color name →
#784384
oklch(0.473 0.117 320)
Konwersje koloru
- HEX
- #784384
- RGB
- rgb(120 67 132)
- HSL
- hsl(289 33% 39%)
- HWB
- hwb(289 26% 48%)
- OKLCH
- oklch(0.473 0.117 320)
- OKLab
- oklab(0.473 0.09 -0.075)
- CIE Lab
- lab(37.12 31.65 -27.2)
- LCH
- lch(37.12 41.73 319.3)
- CMYK
- cmyk(9% 49% 0% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 855590
- 92679C
- A079A9
- AD8CB5
- BB9EC1
- C8B1CD
- D6C4DA
- E3D8E6
- F1EBF3
Odcienie ciemniejsze
- 673972
- 572F60
- 48264F
- 391D3F
- 2A142F
- 1D0C20
- 100512
- 050106
- 010001
Tony
- 794A84
- 7A5084
- 7B5784
- 7C5D83
- 7D6383
- 7E6983
- 7F6F82
- 7F7481
- 807A81
Harmonie kolorów
Komplementarna +180°
- 784384
Nightly Violet
- 336B26
≈ Radical Green
Analogowa -30° +30°
- 784384
Nightly Violet
- 5C4E98
≈ Coronation Blue
- 8A3C65
≈ Midnight Aubergine
Triada +120° +240°
- 784384
Nightly Violet
- 785400
≈ Pickled Grape Leaves
- 00696D
≈ Tahitian Treat
Komplementarna rozszczepiona +150° +210°
- 784384
Nightly Violet
- 606000
≈ Kirchner Green
- 006C54
≈ Teal Dark Green
Tetrada +90° +180° +270°
- 784384
Nightly Violet
- 8E440F
≈ Korichnewyi Brown
- 336B26
≈ Radical Green
- 006586
≈ Bowerbird Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.15:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.93:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--nightly-violet: #784384;
--nightly-violet-rgb: 120 67 132;
--nightly-violet-oklch: oklch(0.473 0.117 320);
}
.element {
color: var(--nightly-violet);
background-color: hsl(289 33% 39%);
border-color: oklch(0.473 0.117 320);
}Tailwind CSS v4
@theme {
--color-nightly-violet: #784384;
--color-nightly-violet-50: #ffebff;
--color-nightly-violet-100: #fbdcff;
--color-nightly-violet-200: #ecc4f2;
--color-nightly-violet-300: #d4a4db;
--color-nightly-violet-400: #bd87c9;
--color-nightly-violet-500: #a86bb6;
--color-nightly-violet-600: #8e5b9a;
--color-nightly-violet-700: #72487b;
--color-nightly-violet-800: #53345c;
--color-nightly-violet-900: #3a2441;
--color-nightly-violet-950: #241229;
}SCSS
$nightly-violet: #784384;
$nightly-violet-rgb: 120, 67, 132;
$nightly-violet-light: mix(#fff, $nightly-violet, 20%);
$nightly-violet-dark: mix(#000, $nightly-violet, 20%);
.element {
color: $nightly-violet;
box-shadow: 0 0 0 2px rgba($nightly-violet, 0.35);
}