Nazwany kolor · #A780B2
Lobby Lilac
Lobby Lilac to #A780B2: rgb(167 128 178), hsl(287 25% 60%), oklch(0.655 0.085 318.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lobby Lilac color name →
#A780B2
oklch(0.655 0.085 318.7)
Konwersje koloru
- HEX
- #a780b2
- RGB
- rgb(167 128 178)
- HSL
- hsl(287 25% 60%)
- HWB
- hwb(287 50% 30%)
- OKLCH
- oklch(0.655 0.085 318.7)
- OKLab
- oklab(0.655 0.064 -0.056)
- CIE Lab
- lab(58.76 22.23 -20.55)
- LCH
- lch(58.76 30.27 317.3)
- CMYK
- cmyk(6% 28% 0% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B08CBA
- B899C1
- C1A5C9
- CAB2D1
- D3BED8
- DBCBE0
- E4D8E8
- EDE5F0
- F6F2F7
Odcienie ciemniejsze
- 916E9A
- 7B5D83
- 664D6D
- 523D57
- 3E2E43
- 2C1F2F
- 1A121D
- 0A060C
- 010101
Tony
- A380AD
- 9F80A8
- 9B80A3
- 98819E
- 948199
- 908194
- 8C808F
- 88808A
- 848085
Harmonie kolorów
Komplementarna +180°
- A780B2
Lobby Lilac
- 769D6B
≈ Blackthorn Green
Analogowa -30° +30°
- A780B2
Lobby Lilac
- 8E88C2
≈ Brocade
- B87B99
≈ Benifuji
Triada +120° +240°
- A780B2
Lobby Lilac
- AD8A52
≈ Limed Oak
- 47A0A4
≈ Aqua Fresco
Komplementarna rozszczepiona +150° +210°
- A780B2
Lobby Lilac
- 959556
≈ Ancient Maze
- 57A187
≈ Inspiration Peak
Tetrada +90° +180° +270°
- A780B2
Lobby Lilac
- BB8162
≈ Sundial
- 769D6B
≈ Blackthorn Green
- 549BBA
≈ Steel Light Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.29:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.37:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.37:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--lobby-lilac: #a780b2;
--lobby-lilac-rgb: 167 128 178;
--lobby-lilac-oklch: oklch(0.655 0.085 318.7);
}
.element {
color: var(--lobby-lilac);
background-color: hsl(287 25% 60%);
border-color: oklch(0.655 0.085 318.7);
}Tailwind CSS v4
@theme {
--color-lobby-lilac: #a780b2;
--color-lobby-lilac-50: #ffeeff;
--color-lobby-lilac-100: #f5dffa;
--color-lobby-lilac-200: #e5c9eb;
--color-lobby-lilac-300: #ccaad2;
--color-lobby-lilac-400: #b48fbf;
--color-lobby-lilac-500: #9e74aa;
--color-lobby-lilac-600: #866290;
--color-lobby-lilac-700: #6b4e73;
--color-lobby-lilac-800: #4e3956;
--color-lobby-lilac-900: #36273c;
--color-lobby-lilac-950: #211526;
}SCSS
$lobby-lilac: #a780b2;
$lobby-lilac-rgb: 167, 128, 178;
$lobby-lilac-light: mix(#fff, $lobby-lilac, 20%);
$lobby-lilac-dark: mix(#000, $lobby-lilac, 20%);
.element {
color: $lobby-lilac;
box-shadow: 0 0 0 2px rgba($lobby-lilac, 0.35);
}