Nazwany kolor · #4A148C
Pitch Violet
Pitch Violet to #4A148C: rgb(74 20 140), hsl(267 75% 31%), oklch(0.36 0.176 296.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Pitch Violet color name →
#4A148C
oklch(0.36 0.176 296.3)
Konwersje koloru
- HEX
- #4a148c
- RGB
- rgb(74 20 140)
- HSL
- hsl(267 75% 31%)
- HWB
- hwb(267 8% 45%)
- OKLCH
- oklch(0.36 0.176 296.3)
- OKLab
- oklab(0.36 0.078 -0.158)
- CIE Lab
- lab(22.35 43.33 -56.22)
- LCH
- lch(22.35 70.98 307.6)
- CMYK
- cmyk(47% 86% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 593299
- 694AA5
- 7A61B1
- 8B77BD
- 9D8DC9
- B0A3D4
- C3BADF
- D7D1EA
- EBE8F5
Odcienie ciemniejsze
- 3F1079
- 350C67
- 2A0855
- 200543
- 170333
- 0E0123
- 060114
- 020007
- 000001
Tony
- 4E268C
- 53338C
- 583E8B
- 5D498A
- 62528A
- 685C88
- 6E6587
- 746E85
- 7A7783
Harmonie kolorów
Komplementarna +180°
- 4A148C
Pitch Violet
- 3B4200
≈ Green Not Found
Analogowa -30° +30°
- 4A148C
Pitch Violet
- 132C97
≈ Blue Torus
- 66006A
≈ Purple Dreamer
Triada +120° +240°
- 4A148C
Pitch Violet
- 5F2E00
≈ Count Chocula
- 00483C
≈ Tropical Forest
Komplementarna rozszczepiona +150° +210°
- 4A148C
Pitch Violet
- 4E3A00
≈ Xanthophobia
- 004B14
≈ Dark Fern
Tetrada +90° +180° +270°
- 4A148C
Pitch Violet
- 78000A
≈ Japanese Maple
- 3B4200
≈ Green Not Found
- 00464D
≈ Incubi Darkness
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.86:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.76:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.86:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--pitch-violet: #4a148c;
--pitch-violet-rgb: 74 20 140;
--pitch-violet-oklch: oklch(0.36 0.176 296.3);
}
.element {
color: var(--pitch-violet);
background-color: hsl(267 75% 31%);
border-color: oklch(0.36 0.176 296.3);
}Tailwind CSS v4
@theme {
--color-pitch-violet: #4a148c;
--color-pitch-violet-50: #fbebff;
--color-pitch-violet-100: #efdcff;
--color-pitch-violet-200: #ddc4ff;
--color-pitch-violet-300: #c3a2ff;
--color-pitch-violet-400: #a985f9;
--color-pitch-violet-500: #9465eb;
--color-pitch-violet-600: #7d56c6;
--color-pitch-violet-700: #64459f;
--color-pitch-violet-800: #473278;
--color-pitch-violet-900: #312255;
--color-pitch-violet-950: #1e1139;
}SCSS
$pitch-violet: #4a148c;
$pitch-violet-rgb: 74, 20, 140;
$pitch-violet-light: mix(#fff, $pitch-violet, 20%);
$pitch-violet-dark: mix(#000, $pitch-violet, 20%);
.element {
color: $pitch-violet;
box-shadow: 0 0 0 2px rgba($pitch-violet, 0.35);
}