Nazwany kolor · #5E336D
Lounge Violet
Lounge Violet to #5E336D: rgb(94 51 109), hsl(284 36% 31%), oklch(0.401 0.105 316.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lounge Violet color name →
#5E336D
oklch(0.401 0.105 316.8)
Konwersje koloru
- HEX
- #5e336d
- RGB
- rgb(94 51 109)
- HSL
- hsl(284 36% 31%)
- HWB
- hwb(284 20% 57%)
- OKLCH
- oklch(0.401 0.105 316.8)
- OKLab
- oklab(0.401 0.077 -0.072)
- CIE Lab
- lab(28.88 27.71 -26.01)
- LCH
- lch(28.88 38.01 316.8)
- CMYK
- cmyk(14% 53% 0% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6D467B
- 7D5989
- 8C6D98
- 9C81A6
- AC95B5
- BCA9C3
- CDBED2
- DDD3E1
- EEE9F0
Odcienie ciemniejsze
- 512B5E
- 44234F
- 371C41
- 2B1433
- 1F0D26
- 140719
- 0A030D
- 030104
- 000001
Tony
- 623B6F
- 654371
- 694B74
- 6C5376
- 705A78
- 736279
- 76697B
- 7A717D
- 7D787E
Harmonie kolorów
Komplementarna +180°
- 5E336D
Lounge Violet
- 2A5413
≈ Patch of Land
Analogowa -30° +30°
- 5E336D
Lounge Violet
- 453C7D
≈ Sage Violet
- 6E2C53
≈ Ebizome Purple
Triada +120° +240°
- 5E336D
Lounge Violet
- 614100
≈ Notorious Neanderthal
- 005354
≈ Ice Dark Turquoise
Komplementarna rozszczepiona +150° +210°
- 5E336D
Lounge Violet
- 4E4A00
≈ Scorzonera Brown
- 00563E
≈ Sacramento State Green
Tetrada +90° +180° +270°
- 5E336D
Lounge Violet
- 743208
≈ Bay Brown
- 2A5413
≈ Patch of Land
- 005068
≈ Hanada Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.67:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.17:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--lounge-violet: #5e336d;
--lounge-violet-rgb: 94 51 109;
--lounge-violet-oklch: oklch(0.401 0.105 316.8);
}
.element {
color: var(--lounge-violet);
background-color: hsl(284 36% 31%);
border-color: oklch(0.401 0.105 316.8);
}Tailwind CSS v4
@theme {
--color-lounge-violet: #5e336d;
--color-lounge-violet-50: #ffecff;
--color-lounge-violet-100: #f8ddff;
--color-lounge-violet-200: #e8c7f2;
--color-lounge-violet-300: #cfa7da;
--color-lounge-violet-400: #b88bc8;
--color-lounge-violet-500: #a26fb4;
--color-lounge-violet-600: #895e98;
--color-lounge-violet-700: #6e4b7a;
--color-lounge-violet-800: #50375b;
--color-lounge-violet-900: #382540;
--color-lounge-violet-950: #221429;
}SCSS
$lounge-violet: #5e336d;
$lounge-violet-rgb: 94, 51, 109;
$lounge-violet-light: mix(#fff, $lounge-violet, 20%);
$lounge-violet-dark: mix(#000, $lounge-violet, 20%);
.element {
color: $lounge-violet;
box-shadow: 0 0 0 2px rgba($lounge-violet, 0.35);
}