Nazwany kolor · #552299
Eine Kleine Nachtmusik
Eine Kleine Nachtmusik to #552299: rgb(85 34 153), hsl(266 64% 37%), oklch(0.399 0.178 296.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Eine Kleine Nachtmusik color name →
#552299
oklch(0.399 0.178 296.9)
Konwersje koloru
- HEX
- #552299
- RGB
- rgb(85 34 153)
- HSL
- hsl(266 64% 37%)
- HWB
- hwb(266 13% 40%)
- OKLCH
- oklch(0.399 0.178 296.9)
- OKLab
- oklab(0.399 0.081 -0.159)
- CIE Lab
- lab(27.01 42.52 -56.54)
- LCH
- lch(27.01 70.75 306.9)
- CMYK
- cmyk(44% 78% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 633CA4
- 7253B0
- 8268BB
- 937EC5
- A493CF
- B5A8D9
- C7BDE3
- D9D3ED
- ECE9F6
Odcienie ciemniejsze
- 491C84
- 3D1670
- 31115D
- 260B4A
- 1C0738
- 110327
- 080117
- 020008
- 000001
Tony
- 583098
- 5C3B96
- 604594
- 644F92
- 685890
- 6D608D
- 71688A
- 767087
- 7B7884
Harmonie kolorów
Komplementarna +180°
- 552299
Eine Kleine Nachtmusik
- 454D00
≈ No Emissions Green
Analogowa -30° +30°
- 552299
Eine Kleine Nachtmusik
- 1D38A5
≈ Yuè Guāng Lán Blue
- 740878
≈ Pure Purple
Triada +120° +240°
- 552299
Eine Kleine Nachtmusik
- 6D3700
≈ Bestial Brown
- 005447
≈ Breathe Deeply
Komplementarna rozszczepiona +150° +210°
- 552299
Eine Kleine Nachtmusik
- 5A4400
≈ Sugarloaf Brown
- 00571B
≈ Jungle Jam
Tetrada +90° +180° +270°
- 552299
Eine Kleine Nachtmusik
- 8A000B
≈ Kiss of a Vampire
- 454D00
≈ No Emissions Green
- 00515A
≈ Kali Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.12:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.07:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--eine-kleine-nachtmusik: #552299;
--eine-kleine-nachtmusik-rgb: 85 34 153;
--eine-kleine-nachtmusik-oklch: oklch(0.399 0.178 296.9);
}
.element {
color: var(--eine-kleine-nachtmusik);
background-color: hsl(266 64% 37%);
border-color: oklch(0.399 0.178 296.9);
}Tailwind CSS v4
@theme {
--color-eine-kleine-nachtmusik: #552299;
--color-eine-kleine-nachtmusik-50: #fcebff;
--color-eine-kleine-nachtmusik-100: #efdbff;
--color-eine-kleine-nachtmusik-200: #dec3ff;
--color-eine-kleine-nachtmusik-300: #c4a2ff;
--color-eine-kleine-nachtmusik-400: #aa84fa;
--color-eine-kleine-nachtmusik-500: #9564ec;
--color-eine-kleine-nachtmusik-600: #7e56c7;
--color-eine-kleine-nachtmusik-700: #6544a0;
--color-eine-kleine-nachtmusik-800: #483278;
--color-eine-kleine-nachtmusik-900: #322255;
--color-eine-kleine-nachtmusik-950: #1e1039;
}SCSS
$eine-kleine-nachtmusik: #552299;
$eine-kleine-nachtmusik-rgb: 85, 34, 153;
$eine-kleine-nachtmusik-light: mix(#fff, $eine-kleine-nachtmusik, 20%);
$eine-kleine-nachtmusik-dark: mix(#000, $eine-kleine-nachtmusik, 20%);
.element {
color: $eine-kleine-nachtmusik;
box-shadow: 0 0 0 2px rgba($eine-kleine-nachtmusik, 0.35);
}