Nazwany kolor · #7722AA
Fuchsia Nebula
Fuchsia Nebula to #7722AA: rgb(119 34 170), hsl(278 67% 40%), oklch(0.456 0.202 308.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Fuchsia Nebula color name →
#7722AA
oklch(0.456 0.202 308.5)
Konwersje koloru
- HEX
- #7722aa
- RGB
- rgb(119 34 170)
- HSL
- hsl(278 67% 40%)
- HWB
- hwb(278 13% 33%)
- OKLCH
- oklch(0.456 0.202 308.5)
- OKLab
- oklab(0.456 0.126 -0.158)
- CIE Lab
- lab(33.32 52.74 -56.29)
- LCH
- lch(33.32 77.14 313.1)
- CMYK
- cmyk(30% 80% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 843FB4
- 9156BD
- 9E6CC6
- AC81CF
- B996D8
- C7ABE0
- D5BFE8
- E3D4F0
- F1EAF8
Odcienie ciemniejsze
- 671C93
- 57167D
- 471168
- 380B53
- 2A073F
- 1C032D
- 10011B
- 05000B
- 010001
Tony
- 7832A7
- 793EA3
- 7A48A0
- 7B519C
- 7C5A98
- 7D6294
- 7E6A8F
- 7E728A
- 7F7985
Harmonie kolorów
Komplementarna +180°
- 7722AA
Fuchsia Nebula
- 426300
≈ Camouflage Green
Analogowa -30° +30°
- 7722AA
Fuchsia Nebula
- 463BC3
≈ Royal Nightcore
- 96007B
≈ Persian Luxury Purple
Triada +120° +240°
- 7722AA
Fuchsia Nebula
- 7B4B00
≈ Lucky Brown
- 006560
≈ Peacock Pride
Komplementarna rozszczepiona +150° +210°
- 7722AA
Fuchsia Nebula
- 655700
≈ Ayahuasca Vine
- 006840
≈ Celtic Clover
Tetrada +90° +180° +270°
- 7722AA
Fuchsia Nebula
- 972E00
≈ Hawaiian Malasada
- 426300
≈ Camouflage Green
- 006176
≈ Ocean Radiance
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.09:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--fuchsia-nebula: #7722aa;
--fuchsia-nebula-rgb: 119 34 170;
--fuchsia-nebula-oklch: oklch(0.456 0.202 308.5);
}
.element {
color: var(--fuchsia-nebula);
background-color: hsl(278 67% 40%);
border-color: oklch(0.456 0.202 308.5);
}Tailwind CSS v4
@theme {
--color-fuchsia-nebula: #7722aa;
--color-fuchsia-nebula-50: #ffe6ff;
--color-fuchsia-nebula-100: #fdd5ff;
--color-fuchsia-nebula-200: #efbbff;
--color-fuchsia-nebula-300: #d897ff;
--color-fuchsia-nebula-400: #c077f8;
--color-fuchsia-nebula-500: #ac53e9;
--color-fuchsia-nebula-600: #9147c5;
--color-fuchsia-nebula-700: #75399e;
--color-fuchsia-nebula-800: #542978;
--color-fuchsia-nebula-900: #3b1c55;
--color-fuchsia-nebula-950: #250b39;
}SCSS
$fuchsia-nebula: #7722aa;
$fuchsia-nebula-rgb: 119, 34, 170;
$fuchsia-nebula-light: mix(#fff, $fuchsia-nebula, 20%);
$fuchsia-nebula-dark: mix(#000, $fuchsia-nebula, 20%);
.element {
color: $fuchsia-nebula;
box-shadow: 0 0 0 2px rgba($fuchsia-nebula, 0.35);
}